書名: Vue.js從入門到項(xiàng)目實(shí)踐(超值版)作者名: 聚慕課教育研發(fā)中心編著本章字?jǐn)?shù): 278字更新時間: 2022-07-29 14:27:31
2.2.3 在項(xiàng)目中引入Vue.js文件

下載Vue.js腳本文件后,可以將其引入Vue項(xiàng)目中。在Vue中引入腳本文件,可以節(jié)省很多手寫腳本代碼的時間。通過<script></script>標(biāo)簽引入,此時Vue會被注冊為全局變量。
引入的代碼如下:
<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
在使用Vue構(gòu)建一些大型應(yīng)用程序時,推薦使用npm進(jìn)行安裝。npm能很好地與Webpack或Browserify模塊打包器配合使用。同時,Vue還提供配套工具來開發(fā)單文件組件。
由于npm的倉庫源在國外,資源傳輸速率可能比較慢且可能會受到限制,因此在這里不建議直接使用npm安裝其他依賴,而是推薦使用淘寶鏡像源的cnpm。
(1)安裝cnpm,執(zhí)行命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)安裝cnpm后,使用cnpm安裝Vue.js,執(zhí)行命令如下:
cnpm install vue
(3)引入Vue模板,執(zhí)行命令如下:
import Vue from 'vue'
推薦閱讀
- 24小時學(xué)會網(wǎng)站建設(shè)
- Pro/ENGINEER三維造型設(shè)計(jì)實(shí)例精解
- After Effects CS6從入門到精通
- 網(wǎng)頁設(shè)計(jì)那些事兒
- Web前端開發(fā)精品課 HTML與CSS進(jìn)階教程
- HTML5+CSS3網(wǎng)頁制作基礎(chǔ)培訓(xùn)教程
- HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)
- 動態(tài)網(wǎng)頁設(shè)計(jì)(第2版)
- JSP動態(tài)網(wǎng)站開發(fā)案例指導(dǎo)
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- 速學(xué)速通:快學(xué)Flash網(wǎng)頁動畫
- Web開發(fā)者晉級之道:架構(gòu)、模式和領(lǐng)域驅(qū)動設(shè)計(jì)
- 中文版Dreamweaver CS6完全自學(xué)教程
- Sketch 移動UI與交互設(shè)計(jì)(視頻講解版)
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁設(shè)計(jì)百練成精(CS3版)