在Vue使用import語句的時候,需要注意以下幾點:
// 常規引入 import Vue from 'vue' import App from './App.vue' import router from './router' // 引入自己封裝的組件庫 import MyDialog from 'my-dialog' Vue.use(MyDialog) // 引入第三方組件庫 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) new Vue({ router, render: h =>h(App) }).$mount('#app')
第一點,對于Vue本身,常規引入的方式是直接使用import Vue from 'vue'即可,然后在代碼中可以直接使用Vue。對于自己封裝的或第三方的組件庫,則需要按照對應的文檔進行引入相應的組件或插件。
第二點,對于自己封裝的組件庫,可以使用Vue.use()方法進行引入。這個方法會自動調用組件庫內部的install方法,從而將這個組件庫注冊到Vue中。
第三點,對于第三方組件庫,需要先安裝相應的npm包,然后再使用import引入相應的組件或樣式。需要注意的是,由于不同的組件庫可能使用不同的樣式文件,因此在引入之前需要查看對應的文檔,了解需要引入的樣式文件是哪一個。
上一篇python 驅動級鍵盤
下一篇mysql取兩表的并集