屬性綁定值和方法
阿新 • • 發佈:2018-06-05
fun alert 調用 script 封裝 turn light scrip asc
<div style="top:100px" id="app02"> {{ Name }} <br /> {{ Age }} <br /> {{ MethodInfo() }} <!-- 這裏定義一個方法--> </div> 調用: StudyVue02(("#app02")); 實現: // Vue 構造器 02 function StudyVue02(obj) { // 定義一個對象 ,這裏封裝成了一個對象,只需要給對象賦值。面向對象的思想 var vm = new Vue({ el: obj, data: { Name: ‘zhenghaonan‘, Age: ‘10‘, alexa: ‘學的不僅是技術,更是夢想‘ }, methods: { MethodInfo: function () { // 這裏對應前臺定義的MethodInfo 方法 return this.alexa; } } }); // 這個改變屬性的值,其實改變的是vm對象的引用,對象相應屬相的值也將隨之改變 vm.Age = 222; //alert(vm.Age); }
屬性綁定值和方法