Vue_认识vue.day1

查看vue官网教程

Vue简介：vue 的核心库只关注视图层，使用MVVM（Model-View-Model）模式。

1. 认识MVVM模型：

v-model:一个组件上的v-model 默认会利用名为value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。

在body标签中添加

<div id="app">
	<input type="text" v-model="name" placeholder="enter your name">
	<h1>Hello,{{name}}</h1>
</div>

 在js标签中添加

var app=new Vue({
		el:'#app',
		data:{
			name:''
		}
	})

 mvvm模式的理解图

 

 

运行情况：

这个例子也展示vue的数据绑定视图、数据双向绑定。据说这两个属性是vue最核心、最重要的功能！