# 数据驱动
Vue.js的核心思想是数据驱动。
视图是由数据驱动生成的,我们对视图的修改,不会直接操作DOM,而是通过修改数据。
# 好处
- 简化代码量
- 利于维护
简洁的模板语法来声明式的将数据渲染为DOM:
<div id="app">
{{message}}
</div>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
}
})
← 从入口开始 new Vue发生了什么 →
Vue.js的核心思想是数据驱动。
视图是由数据驱动生成的,我们对视图的修改,不会直接操作DOM,而是通过修改数据。
简洁的模板语法来声明式的将数据渲染为DOM:
<div id="app">
{{message}}
</div>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
}
})
← 从入口开始 new Vue发生了什么 →