學了vue和webpack的筆記

首先把package.json貼出來，這裡很多外掛程式存在版本區別，因此要特別注意版本，不是所有的安裝最新的都行

,

"keywords": ,
"author": "",
"license": "isc",
"dependencies": ,
"devdependencies": 
}

其次是webpack.config.js檔案

const path = require("path");

const htmlwebpack = require("html-webpack-plugin");//
首先是這裡要引用
module.exports =,
plugins: [
new htmlwebpack()
],module: ,,,
]},resolve:}}

在看看專案結構

index.html**如下：

main.js**如下：

var router = new

vuerouter(,,]

});var v1 = new

vue()

使用者管理

角色管理

在webpack中封裝並渲染vue元件（筆記）

傳統的做法可用性不好，不利於團隊協作開發。在模組化開發的前提下，它給我們提供了一種新的使用元件的方式 如果我們需要乙個元件，就建立乙個.vue的檔案來封裝這個元件 實現了對單獨的元件的模組化封裝 這個元件裡面有三個根元素template，script，style 注意 在這裡元件的data成員必須是...

Vue生命週期和webpack

生命週期函式 執行時間 beforecreate 建立vue物件之前 created 建立vue物件成功 beforemount 掛載到元素之前 mounted 掛載元素成功 beforeupdate 資料更新之前 updated 資料更新成功 beforedestroy vue物件銷毀之前 des...

vue的學習 webpack（四）

安裝 cnpm install g webpack 同樣在我們的專案資料夾下執行 安裝 cnpm install g webpack cli 同樣在我們的專案資料夾下執行 檢視是否安裝成功 建立專案 在專案裡編寫 1.hello.js檔案 暴露乙個方法 exports.hello function ...