課程
/前端開發(fā)
/Vue.js
/3小時(shí)速成 Vue2.x 核心技術(shù)
如何用js文件把html文件和vue文件連接
2019-03-18
源自：3小時(shí)速成 Vue2.x 核心技術(shù) 2-5
正在回答
在ES5語法下面，直接使用cdn的方式引入 vue.js，然后就直接可以寫Vue相關(guān)的語法了（ES5）
如果需要使用vue文件（ES6語法），你就需要類似webpack+babel這一類的打包工具了，它們提供了轉(zhuǎn)義與打包的基礎(chǔ)功能。
參考鏈接：
vue起步
cli服務(wù)
如何在傳統(tǒng)項(xiàng)目中使用cli或者說使用vue文件呢？
很簡單，配置一個(gè)webpack配置就行了。
基本的流程如下：
npm init初始化一個(gè)項(xiàng)目
添加webpack.config.js配置，添加babel + vue loader，
使用webpack命令進(jìn)行調(diào)試與打包。
參考鏈接 ：
vue + webpack4配置
vue template? 這個(gè)可能會(huì)被deprecated掉，所以只有參考 學(xué)習(xí)的作用，建議使用cli工具。
舉報(bào)
帶你快速學(xué)習(xí)最流行的前端框架vue2.x的核心技術(shù)
2 回答引用js/css文件
1 回答vue-cli3配置文件
3 回答views新建文件里沒有vue component文件，怎么回事啊
1 回答build config和static文件
2 回答idea里面沒有vue文件格式
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-03-18
在ES5語法下面，直接使用cdn的方式引入 vue.js，然后就直接可以寫Vue相關(guān)的語法了（ES5）
如果需要使用vue文件（ES6語法），你就需要類似webpack+babel這一類的打包工具了，它們提供了轉(zhuǎn)義與打包的基礎(chǔ)功能。
參考鏈接：
vue起步
cli服務(wù)
如何在傳統(tǒng)項(xiàng)目中使用cli或者說使用vue文件呢？
很簡單，配置一個(gè)webpack配置就行了。
基本的流程如下：
npm init初始化一個(gè)項(xiàng)目
添加webpack.config.js配置，添加babel + vue loader，
使用webpack命令進(jìn)行調(diào)試與打包。
參考鏈接 ：
vue + webpack4配置
vue template? 這個(gè)可能會(huì)被deprecated掉，所以只有參考 學(xué)習(xí)的作用，建議使用cli工具。