单项绑定:数据从data流向页面 (v-band:属性)
双向绑定:页面数据与data相互流动 (v-model:属性)
v-model 只能应用在表单元素(输入类元素)
v-model:value 可以简写为v-model,因为v-model默认收集的是value
书写方式
v-band:属性 简写为 :属性
v-model:value 简写为 v-model
指定容器的两种写法(el和$mount())
容器
<body>
<div id="app">
//写在id为app中的代码,然后放到下面新创建的vue对象中
</div>
</body>
方式一
<script>
const vm = new Vue({
el:'#app',
data:
})
</script>
方式二
<script>
const vm = new Vue({
data:
})
vm.$mount('#app'); //钩子
</script>
data的两种写法(对象式和函数式)
对象式
data:{
name:'wzm',
age:22
}
函数式
data:function(){
return{
name:'wzm',
age:22
}
}