new vue(
{el:,
data:{},
template:,
methods:{},
computed:{},
render:;
watch:{};
}
);
vue总共有7个常用的属性。如上。
el:表示一个vue对象需要挂载到哪一个html对象上面,值为那个html对象的id;
data:数据,可以写死,也可以从服务器请求。
template:模板。
methods:方法,可以有多个。
computed:计算属性,可以有多个计算方法。
render:用来做渲染的操作。
watch:监听属性。可以有多个监听方法。
methods和computed的区别:
1.调用methods方法时,需要加(),调用computed方法时,不需要加()。
2.当页面上调用methods方法时,显示返回数据。调用多次,无论方法依赖的数据是否发生改变,都会执行对应的次数,返回最新的执行结果。
当页面上调用computed方法时,显示返回数据。第一次调用,执行方法之后,返回了执行结果后,执行结果就被放到缓存里面了。以后再调用computed方法的时候,当方法依赖的数据没有发生改变的时候,不会执行computed方法,直接从缓存中返回数据。当方法依赖的数据发生改变的时候,会执行computed方法,返回最新的执行结果。