查看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最核心、最重要的功能!