//使用this,可以直接获取data中的值,但无法获取到methods中的值。
var details = function () {
return this.site + " - 学的不仅是技术,更是梦想!";
};
var methods = {
details: details
};
var data = {
site: "菜鸟教程",
url: "www.runoob.com",
alexa: "10000"
};
//vue 构造器
var vm = new Vue({
el: '#vue_det',
data: data,
methods: methods
})
上面的写法比较格式比较清晰,建议以这样的格式编写。
通过{{ }}的方法,与Vue中的对象进行双向绑定,可以绑定data,也可以绑定methods,在methods中,还可以传值。
<h1>site : {{site}}</h1>
<h1>url : {{url}}</h1>
<h1>{{details( 'arg1', 'arg2')}}</h1>
可以使用$符号,获取vm的属性
vm.$data === data
vm.$el === document.getElementById('vue_det')