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')

上一篇:《嵌入式Linux开发实用教程》——4.2 字符设备驱动


下一篇:搭建自己的OpenWrt开发环境