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来起别名.