課程
/前端開發
/Vue.js
/3小時速成 Vue2.x 核心技術
如何用js文件把html文件和vue文件連接
2019-03-18
源自:3小時速成 Vue2.x 核心技術 2-5
正在回答
在ES5語法下面,直接使用cdn的方式引入 vue.js,然后就直接可以寫Vue相關的語法了(ES5)
如果需要使用vue文件(ES6語法),你就需要類似webpack+babel這一類的打包工具了,它們提供了轉義與打包的基礎功能。
參考鏈接:
vue起步
cli服務
如何在傳統項目中使用cli或者說使用vue文件呢?
很簡單,配置一個webpack配置就行了。
基本的流程如下:
npm init初始化一個項目
添加webpack.config.js配置,添加babel + vue loader,
使用webpack命令進行調試與打包。
參考鏈接 :
vue + webpack4配置
vue template? 這個可能會被deprecated掉,所以只有參考 學習的作用,建議使用cli工具。
舉報
帶你快速學習最流行的前端框架vue2.x的核心技術
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號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-03-18
在ES5語法下面,直接使用cdn的方式引入 vue.js,然后就直接可以寫Vue相關的語法了(ES5)
如果需要使用vue文件(ES6語法),你就需要類似webpack+babel這一類的打包工具了,它們提供了轉義與打包的基礎功能。
參考鏈接:
vue起步
cli服務
如何在傳統項目中使用cli或者說使用vue文件呢?
很簡單,配置一個webpack配置就行了。
基本的流程如下:
npm init初始化一個項目
添加webpack.config.js配置,添加babel + vue loader,
使用webpack命令進行調試與打包。
參考鏈接 :
vue + webpack4配置
vue template? 這個可能會被deprecated掉,所以只有參考 學習的作用,建議使用cli工具。