vue2/vuex2的那點坑

說是坑，其實大部分是咱們本身的過錯！

vuex官方demo在1.0能夠運行，在2.0報錯？
此類問題，應該很常見吧？

還有順溜的利用1.0搭建的webpack編譯環境到了vue2.0忽然失效了，報錯了？簡直要瘋啊

1.問題一

*Failed to load resource: net::ERR_FILE_NOT_FOUND

*app.js:16381 Uncaught SyntaxError: Unexpected token import

可能你會疑惑，webpack中明明寫了 babel 加載器，query中也寫了參數presets，然而 es6 的 import依然不識別，這是爲何呢？
答案是若是你的 include 路徑沒寫錯，那麼 你就應該添加 .babelrc 的配置文件,好比：

1 2 3 4

{ "presets": ["es2015", "stage-2"], "comments": false }

 

2.問題二

Failed to mount component: template or render function not defined
這是什麼問題呢？由於是2.0的時代了，但咱們沒認真看api，可能順手用了1.0的習慣，很明顯template or render是 模版編譯渲染問題。
官方文檔解釋 獨立構建-vs-運行時構建 解釋的多麼清楚，必定要看文檔
默認 NPM 包導出的是 運行時 構建。爲了使用獨立構建，在 webpack 配置中添加下面的別名：

1 2 3 4 5

resolve: { alias: { 'vue$': 'vue/dist/vue.js' } }

 

3.問題3

vuex官方demo在1.0能夠運行，在2.0報錯？
[Vue warn]: Property or method 「counterValue」 is not defined

這又是什麼緣由呢，由於用着 vue2.0和 vuex2.0 卻 使用着 vuex1.0 的語法文檔。

什麼也不說了，看文檔吧 Vuex2 中文文檔

這裏有寫的一個vuex2 demo預覽 ，demo源代碼 直接使用，無需安裝webpack打包，無模塊.