1. 程式人生 > >屬性綁定值和方法

屬性綁定值和方法

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);
}

  

屬性綁定值和方法