前段期間,由于入職原因沒有學習,現在已經正式入職啦,接下來繼續加油學習。
一、數據與方法?
文字備注已經在代碼中,方便自己學習和理解?
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><!-- 視圖 --><div id="app">{{a}}</div><!-- 腳本 --><script type="text/javascript">// 聲明一個字典對象var data = {a: 1};// 用new聲明一個Vue的示例對象var vm = new Vue({el: "#app",data: data});// $是表示VUE中的屬性和方法,// 為了與自己定義的屬性和方法區分開來// $watch是表示監聽,第一個值表示監聽的對象// 第二個時表示監聽的回調函數vm.$watch('a', function(newVal, oldVal) {console.log(newVal, oldVal);})// 將vm中的data屬性中的a的值進行了更改vm.$data.a = "Ryan"</script></body>
</html>
?本節學習完畢,接下來進入下一節學習!!!