關于模塊導出的 data 和 store 的兩個問題
請問這兩種 data 的使用區別是什么?第一個代碼塊會導致運行不符合預期
data:?{????
??message:?store.state.count?
}data?()?{????
????return?{??????
????????message:?store.state.count????
????}??
}2. 這里的 store 是干啥用的?去除掉 store 后功能也是正常的
name:?'About',
store,
data?()?{??
????return?{????
????????message:?store.state.count??
????}
}謝謝??
2019-05-20
?1. 第一個問題,參考:data 必須是一個函數
第一個寫法只能在ES5環境中去使用,在CLI創建的工程項目中,會編譯異常。
最主要的原因:是data的作用域的問題。舉例說明:如果是有多個Vue實例,那么data按照對象的方式去定義,都是同一個作用域,導致data相互覆蓋,不唯一。而變成函數之后,就只能在本Vue實例里面可以進行訪問了。
2. 第二個問題。
如果在全局的App.vue的main.js中引入了store,那么store是可以全局使用的。
或者按照上面的寫法,你可以在單獨的組件中引用store,變成局部引用。即局部與全局的引用區別??!