Vueの道の--Vueの実例のいくつかの理解(未完待機)

838 ワード

直接コード:
var app =  {sanfu:"vueJS      "}
		var vm =  new Vue({
			el:"#container",
			data:app
		})
		//   data   , Vue                  。            $。    vue  
		//             ,       $,      data    
		vm.$el==document.getElementById("container")//true
		//   
		vm.$data == app//true;   vm.data          data   ,data  ;
		vm.$watch("sanfu",function(newOne,oldOne){
			console.log(oldOne)
		})
		//  sanfu    , vm.sanfu             
		vm.sanfu =  "aha!"//            ,  sanfu       

一言でまとめると、Vueの例はVueアプリケーションを構築する基礎であり、
Vueインスタンスはdataオブジェクト内の属性とデータをエージェント(アクセス)することができ、データはアクセスできるようになりました.では、問題が発生しました.もし私がコンストラクション関数内の属性にアクセスしたらどうしますか.答えはもちろんVueの例で解決できます
Vueインスタンスは、コンストラクション関数のプロパティとメソッドにもアクセスできますが、エージェントのdataプロパティと区別するために、プロパティとメソッドの前に$を追加することを前提としています.