- 每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式如下:
var vm = new Vue({ // 选项 })
data
用于定义属性。methods
用于定义的函数,可以通过 return 来返回函数值。{{ }}
用于输出对象属性和函数返回值- id选择器
<div id = "vue_det"></div>
el: '#vue_det'
以下是实列
var vm = new Vue({
el: '#vue_det',
data: {
site: "优快云",
url: "https://blog.youkuaiyun.com/",
alexa: "10000"
},
methods: {
details: function() {
return this.site + " - 专业IT技术发表平台";
//this.site调用data里的site
}
}
})
当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时,html 视图将也会产生相应的变化。