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來起別名.

總結

以上是生活随笔為你收集整理的vue-cli项目引用文件/组件/库 的注意事项（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。