Vue 優化集錦

1. 在vue-router中使用import()來代替require.ensure()懶載入實現**打包分離

const foo = () => import(/*
webpackchunkname: "group-foo" 
*/ './foo.vue')
const bar = () => import(/*
webpackchunkname: "group-foo" 
*/ './bar.vue')
const baz = () => import(/*
webpackchunkname: "group-foo" 
*/ './baz.vue')

require.ensure() 已經時過去式，現在推薦使用import實現非同步

/* webpackchunkname: "group-foo" */ 的名稱一樣就會把**打到乙個包裡

2. nginx gzip 壓縮

3. vue gzip 壓縮

4. ssr 服務端渲染

5. cdn

module.exports =
}

6. webpack 打包

vue報錯集錦

1 missing space before function parentheses 因為你設定了eslint，如果你不想有規範的js 可以重新初始化關掉eslint。use eslint to lint your code?y n 這一步選no 在bulid webpack.base.conf....

VUE 100 vue踩坑集錦

vue是允許用大寫字母來註冊元件的，但當你使用時得在駝峰命名的大寫字母間加上並都改為小寫中劃線後來在官網看到這句話camelcase vs.kebab case html 特性是不區分大小寫的。所以，當使用的不是字串模版，camelcased 駝峰式命名的 prop 需要轉換為相對應的 ke...

Vue知識點集錦

一使用了vue的頁面，肯定會經歷乙個完整的生命週期，與一般的普通頁面是不一樣的，所以直接獲取dom結構是獲取不到的，只有在mounted之後才能獲取到 servicemanagementaddcrud.vueinit function 一些dom操作，在vue的mounted 函式裡面再進行繫結 ...

Vue 優化集錦

vue報錯集錦

VUE 100 vue踩坑集錦

Vue知識點集錦

相關推薦