- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 278字
- 2022-07-29 14:27:31
2.2.3 在項目中引入Vue.js文件

下載Vue.js腳本文件后,可以將其引入Vue項目中。在Vue中引入腳本文件,可以節省很多手寫腳本代碼的時間。通過<script></script>標簽引入,此時Vue會被注冊為全局變量。
引入的代碼如下:
<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
在使用Vue構建一些大型應用程序時,推薦使用npm進行安裝。npm能很好地與Webpack或Browserify模塊打包器配合使用。同時,Vue還提供配套工具來開發單文件組件。
由于npm的倉庫源在國外,資源傳輸速率可能比較慢且可能會受到限制,因此在這里不建議直接使用npm安裝其他依賴,而是推薦使用淘寶鏡像源的cnpm。
(1)安裝cnpm,執行命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)安裝cnpm后,使用cnpm安裝Vue.js,執行命令如下:
cnpm install vue
(3)引入Vue模板,執行命令如下:
import Vue from 'vue'
推薦閱讀
- Photoshop電商網頁廣告設計實戰從入門到精通(超值版)
- 24小時學會網站建設
- 網頁設計實用教程
- 網頁制作與網站建設寶典
- UI動效大爆炸:After Effects移動UI動效制作學習手冊
- 網頁設計與制作(Dreamweaver CS6)
- HTML+CSS+JavaScript網頁制作案例教程(第2版)
- 動態網頁設計(第2版)
- 網頁設計與制作Dreamweaver CS6標準教程(第2版)
- 速學速通:快學Flash動畫制作
- Web開發者晉級之道:架構、模式和領域驅動設計
- HTML+CSS+JavaScript網頁制作(第2版)
- Dreamweaver CS3網站制作炫例精講
- 外貿獨立站建站實操從入門到精通
- 中文版Dreamweaver CS6高手之道