隨著Vue的發展,其API變得越來越復雜和龐大。雖然這對于一些有經驗的開發者來說并不是問題,但對于新手或者那些已經應用Vue很久僅使用部分API的開發者來說,這顯然是個挑戰。
Vue.mixin({
created: function () {
var myOption = this.$options.myOption
if (myOption) {
console.log(myOption)
}
}
})
Vue的API非常多,并且絕大部分都是比較高級的。這意味著,當你剛開始學習Vue時,你可能不需要使用它們中的大部分——特別是那些被更好的組件或技術所替代的API。
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
},
beforeCreate: function () {
console.log('beforeCreate')
},
created: function () {
console.log('created')
},
beforeMount: function () {
console.log('beforeMount')
},
mounted: function () {
console.log('mounted')
},
beforeUpdate: function () {
console.log('beforeUpdate')
},
updated: function () {
console.log('updated')
},
beforeDestroy: function () {
console.log('beforeDestroy')
},
destroyed: function () {
console.log('destroyed')
}
})
因此,你應該盡可能地只掌握所有API中的一小部分,并根據你正在開發的應用程序的需求進行選擇。當你需要的時候,再逐漸掌握其他API。這不僅可以幫助你避免混淆和代碼膨脹,還可以讓你集中精力掌握你實際需要的功能。
上一篇vue app 水印
下一篇html導航怎么寫入代碼