import {xxx} from 'xxxx' 可以这样引入吗
时间: 2023-07-31 17:09:04 浏览: 136
是的,这是ES6模块化语法中的一种方式。`import`语句是用来导入模块中的函数、变量、类等内容的。`{xxx}`表示从模块中导入一个名为`xxx`的内容,`'xxxx'`表示从名为`xxxx`的模块中导入内容。在实际开发中,我们可以使用`import`语句引入其他的模块或库,以便在我们的代码中使用其提供的功能。需要注意的是,在使用`import`语句时,需要确保被导入的模块中有导出相应的内容。
相关问题
import type {xxx } from 'xxxx.ts'与import {xxx } from 'xxxx.ts' 区别
import type {xxx} from 'xxxx.ts' 与 import {xxx} fromxxxx.ts' 的区别在于类型导入和值导入的不同。
1. import type {} from 'xxxx.ts' 是类型导入,它只会在编译阶段起作用,不会在运行时引入实际的值。这种导入方式主要用于获取类型信息,而不需要实际的值。在编译后的代码中,类型导入会被完全删除,不会对最终的代码产生任何影响。
2. import {xxx} from 'xxxx.ts' 是值导入,它会在运行时引入实际的值。这种导入方式用于获取具体的值,并且在代码中可以直接使用这些值。
总结一下:
- import type {xxx} from 'xxxx.ts' 主要用于获取类型信息,在编译后的代码中会被删除。
- import {xxx} from 'xxxx.ts' 用于引入具体的值,在代码中可以直接使用这些值。
uniapp Vue3版本 封装一个请求并注册引入
可以使用axios库来封装请求,并在Vue3中进行注册引入。首先在src文件夹下创建一个api文件夹,然后在其中创建一个request.js文件,编写如下代码:
```
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://xxx.xxx.xxx.xxx:xxxx' // 修改为自己的接口地址
})
// 封装get请求
function get(url, params) {
return instance.get(url, {
params
})
}
// 封装post请求
function post(url, data) {
return instance.post(url, data)
}
export {
get,
post
}
```
接下来在src文件夹下的main.js文件中引入并注册:
```
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { get, post } from './api/request'
const app = createApp(App)
app.config.globalProperties.$get = get
app.config.globalProperties.$post = post
app.use(store).use(router).mount('#app')
```
现在就可以在组件中直接使用this.$get或this.$post进行请求了。