import Vue from 'vue'
在Vue開發中,我們經常會引用到import
命令,其中一個很常見的用法就是在Vue組件中引用Vue
對象。
export defalut { mounted () { console.log(Vue) // 可以訪問Vue對象 } }
如上所示,在mounted
生命周期中,我們可以直接使用Vue
對象。但是,如果我們在其他地方需要使用Vue
對象,則需要在該標記上通過import
導入。
import Vue from 'vue' Vue.prototype.$http = axios
上述代碼中,我們將Axios實例作為一個Vue.prototype
屬性,注冊到Vue
中便于全局使用。通過import
命令,我們很容易地就能夠獲取到Vue
對象實例。
import { mapGetters } from 'vuex'
除了可以導入Vue
對象,還可以通過import
命令引入vuex
庫中的mapGetters
等便捷的輔助函數,幫助我們更輕松地使用Vuex。
import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app')
除了上述用法,import
命令也可以用于實例化Vue應用程序。上述代碼中,我們通過createApp
方法創建了一個Vue應用,將其掛載到ID為app
的DOM元素上。
綜上所述,import
命令是Vue開發中不可或缺的一部分,幫助我們簡化代碼、提高效率。
上一篇CSS3圓形圖標