vue的相互引用

---

一、局部

1、js

//导出
export function getInfo(id) {
  return request({
    url: '',
    method: 'get'
  })
}

//导入
import {getInfo} from "@/api/user"

//使用
getInfo(1)

2、组件

//导入
import Editor from "@/views/components/Editor/index"

//注册
components: {
    Editor
}

//使用
<Editor/>

3、css

• 仅支持整个css导入
• 导入后直接使用里面的类

//导入-第一种方式
<script>
import "@/assets/css/reset.css"
export default {
}

//导入-第二种方式
<style scoped>
    /* 末尾的封号必须写*/
    @import "@/assets/css/reset.css";
</style>

二、全局

• 全局挂载的方法、组件，在所有的组件中无需引入直接使用
• 在入口文件main.js中导入、挂载

1、js

//导入
import {isEmpty} from "@/utils/validate"
//挂载
Vue.prototype.isEmpty=isEmpty
//使用
this.isEmpty(val)

2、组件

//导入
import Pagination from "@/components/Pagination"
//挂载
Vue.component('Pagination', Pagination)
//使用
<pagination/>

3、css

//导入
import '@/assets/styles/index.scss'
//无需挂载，直接可全局使用里面的类