CDN是指Content Delivery Network,內容分發網絡,它可以幫助我們在使用Vue時快速引入需要的文件。Vue已經在CDN中發布,我們可以在w3school的代碼庫中找到Vue.js的CDN文件。
<script src="https://cdn.w3schools.com/lib/w3.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
如上所示,我們只需要復制這兩條代碼,就可以在我們的項目中引入Vue,從而使用Vue的各種功能。
值得注意的是,Vue.js的CDN文件有兩個版本,分別是完整版和運行時版本。如果我們需要使用vue的template模板,需要引入完整版。如果我們只需要使用.vue文件中的script代碼,就可以使用運行時版本,它的體積更小。
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.runtime.min.js"></script>
使用CDN引入Vue,可以幫助我們快速使用Vue,而不需要在本地安裝Vue,方便快捷。