码迷,mamicode.com
首页 > 其他好文 > 详细

Typescript中的class interface 只是在声明,其实什么也没有干!

时间:2016-03-10 21:45:25      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

由于vue.js的特殊机制,初始化后给对象添加的属性是无法更新UI的.

最近结合typescript和vue进行web开发,就遇到了这样的坑.

class user{

name:string;

age:number;

constructor(){

}

}

var v=new Vue(var v2 = new Vue({
            el: ‘#app‘,
            data: {
               user:new user()
            }});

 

如果直接这样把user提交给vue,后续user.name=‘xxxx‘,UI是不会更新的

再控制台打印出user,什么都没有,因此务必在构造函数中初始化字段:

constructor(){

this.name="";

this.age=0;

}

脑袋里一定要有根线:ts中class interface之类的东西只是为了声明!!!

 

Typescript中的class interface 只是在声明,其实什么也没有干!

标签:

原文地址:http://www.cnblogs.com/skytouchzyt/p/5263487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!