Vue教程3-声明式渲染

Vue

Vue是一套用于构建用户界面的渐进式框架，被设计可以自底向上逐层设计。Vue的核心只关心视图层。

声明式渲染

Vue可以采用简洁的语法模版来声明式的将数据渲染进DOM系统中，也就是可以通过 { {data}} 的方式直接将数据写入DOM中。

<div id='app'>
	{
  {message}}
</div>

var app = new Vue({
	el: '#app',
	data: {
		message: 'Hello, World',
		show: true,
		LIST: [
			{message: '1111111'},
			{message: '222222},
			{message: '333333'}
		]
	}，
	methods: {
		showMessage(){
			this.message = '1234578'
		}
	}
})

现在数据message已经被写入DOM中，显示在浏览器上Hello, World，并且系统是响应式进行更新，当我们更改data里面的message时，DOM数据也会响应更新，浏览器显示的数据也会进行更新。
当然你也可以通过Vue的其他命令来实现数据的绑定，原理都是一样的。

指令

下面我们将谈谈Vue里面的一些基础指令。

</