天天看点

vue 学习 第1节

//使用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')

继续阅读