[Vue.js] props 與watch 應用 | vue watch用途
vue的官網上有說明watch的功能是”監聽”,就是當被監聽者的內容有所改變時,才會觸發watch產生作用以下我來監聽父子元件向下傳遞資料時所產生的變化。也就是使用watch來監聽props下來的data,當data產生變化的時候,watch會出現alert。程式碼內容:
vue的官網上有說明watch的功能是”監聽”,就是當被監聽者的內容有所改變時,才會觸發watch產生作用
以下我來監聽父子元件向下傳遞資料時所產生的變化。
也就是使用watch來監聽props下來的data,當data產生變化的時候,watch會出現alert 。
程式碼內容:
<body><!-- 父畫面 --><div id="app"><parent-component ></parent-component></div></body><script>$(document).ready(function () {//子元件var childComponent = {props: [childname],watch:{childname: function name (newVal) {var _this = this;alert(watch new value = + _this.childname);}},// 子元件的 HTMLtemplate: <div>{{this...