首页 > 其他 > 详细

属性绑定值和方法

时间:2018-06-05 12:57:25      阅读:155      评论:0      收藏:0      [点我收藏+]
  <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);
}

  

属性绑定值和方法

原文:https://www.cnblogs.com/hnzheng/p/9139016.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!