Vue 也是面向对象的
就像 Java似的,不过他是在页面的 DOM 元素或者 CSS 选择器上 创建实例的,就像衣服挂钩似的,把Vue实例挂上去
Vue 实例本身可以代理 data 里面的属性
就是说 data 里面的属性data.属性可以用 app.属性就可以引用
数据绑定
有的 html 里面属性带个 v-model ,它的值可以用 Vue实例里面的data值表示和赋值
这个代码是数据绑定的实例
<div id="today_conference">
<input type="text" v-model="content" placeholder="会议通知内容">
<h1>会议内容: {{ content }}</h1>
</div>
var content = new Vue({
el: '#today_conference',
data: {
content: ''
}
})
有时候,你想要访问某个元素,可以用 content.$el 来表示