在Vue.js中,我們可以使用require來引入Vue,使用它需要先安裝Vue.js。下面是最基本的使用方式,我們可以在入口文件中引入Vue:
const Vue = require('vue');
在這種情況下,我們使用CommonJS進(jìn)行模塊化,可以通過require來引入vue.js。
有時(shí),我們不需要使用webpack或browserify這樣的構(gòu)建工具。我們可以在html文件中直接引用Vue,像這樣:
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
這種方法也非常簡單,我們直接在html文件中引入Vue即可。當(dāng)我們使用這種方法時(shí),Vue會(huì)成為全局變量,我們可以通過Vue變量訪問它的所有功能。
如果使用module的引用方式的話,Vue實(shí)例化代碼如下:
const Vue = require('vue')
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
而如果直接引用Vue的話,在頁面底部直接使用與上述方式相同的代碼即可。