vue中element ie9的相容問題

可能的原因2，ie9瀏覽器過於老舊，單檔案最大行數超過一定限制將不再讀取後邊的內容，因此可以嘗試分割css檔案和打包的js檔案

分割js檔案，最好的方法是採用vue的路由懶載入，這樣打包時，vue-loader會把每個路由對應的js檔案打包在一起。同時注意元件的合理劃分，避免單元件體積過大，並提高元件的復用性

分割css檔案，通過yarn add css-split-webpack-plugin -d安裝css-split-webpack-plugin包來分割元件，修改webpack.prod.conf.js檔案 

// 引入依賴

var csssplitwebpackplugin = require('css-split-webpack-plugin').default
// 在css打包外掛程式後面新增css分割外掛程式
new extracttextplugin(),
// 新增的css分割外掛程式
new csssplitwebpackplugin(),

9Vue父子元件的傳遞方式

寫個計數器元件，雛形如下 doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 script src vue.js scrip...

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...

vue中的事件

用v on 繫結事件 v on click mouseover 簡寫形式 click 推薦事件物件 click show event 事件冒泡 阻止冒泡 a ev.cancelbubble true b click.stop 推薦預設行為 預設事件 阻止預設行為 a ev.preventdefaul...