Vue2.0用 watch 觀察 prop 變化(不觸發(fā))
更新時間：2017年09月08日 17:15:55 作者：akaylh
本篇文章主要介紹了Vue2.0用 watch 觀察 prop 變化(不觸發(fā))，非常具有實用價值，需要的朋友可以參考下
本文介紹了Vue2.0用 watch 觀察 prop 變化(不觸發(fā))，分享給大家，具體如下：
A 組件：
export default {
props:{
name:{
type:String
}
},
data () {
return {
author: "Jinkey"
}
},
mounted:function(){
this.author = 'lili'
},
watch:{
name:function(){
console.log(this.name);
},
author:function(){
console.log('lili');
}
}
}
author 有監(jiān)測到變化，并輸出了 lili ； name 由 B 組件傳入，卻沒有監(jiān)測到，控制臺沒有輸出。
在 B 組件里調(diào)用 A 組件，并傳值給 name
<firstcomponent :name="name"></firstcomponent>
import firstcomponent from './component/firstcomponent.vue'
export default {
data () {
return {
msg: 'Hello Vue!',
name:'lili'
}
},
components: { firstcomponent}
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue項目是如何運行起來的，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了在vue中完美使用ueditor組件(cdn)解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue中this.$createElement方法的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue實現(xiàn)動態(tài)表單動態(tài)渲染組件的方式(2)
這篇文章主要為大家詳細介紹了vue實現(xiàn)動態(tài)表單動態(tài)渲染組件的方式第二篇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
前端vue+express實現(xiàn)文件的上傳下載示例
本文主要介紹了前端vue+express實現(xiàn)文件的上傳下載示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
這篇文章主要為大家詳細介紹了vue組件實現(xiàn)文字居中對齊的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了vue服務端渲染操作,結(jié)合簡單實例形式分析了vue.js服務端渲染操作的原理、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-08-08
最近公司新啟動了個項目，用的是vue框架在做,下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)token登錄驗證的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了VUE 組件轉(zhuǎn)換為微信小程序組件的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細介紹了vue+Element-ui實現(xiàn)分頁效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11