vue-cli项目引用文件/组件/库 的注意事项（一）

vue引入的问题

（1）main.js入口文件引入(项目中所有的页面都会加载main.js，所以用户放全局变量)

// Element
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI)

（2）style中引入css文件

（3）script中引用js文件/组件/库

// 引用js文件
import {myfun} from ‘…/js/top.js’
// 引用组件
import AssetHeader from “…/asset/Header”
// 引用jquery库
import $ from “jquery”
注意：
安装
cnpm install jquery -s
引入
import $ from “jquery”
使用
mounted () {
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲app').height((window).height())
}

export default {}和export 的区别：

(1) export default {}
使用export default 向外暴露的成员注意：
1、export default 向外暴露的成员，可以使用任意变量来接收;
2、在一个模块中，export default 只允许向外暴露一次;
3、在一个模块中，可以同时使用export default 和export 向外暴露成员;
4、使用export向外暴露的成员，只能使用{ }的形式来接收，这种形式，叫做【按需导出】;
5、export default {}向外暴露成员，在import导入时，不需要不在{ }中定义;
6、使用export导出的成员，如果想换个变量名称接收，可以使用as来起别名.