VUE基础

1.绑定style

2.绑定类class

new Vue({
data:{
color:'gold';
}
})

3.对象绑定

当flag为真的时候，h1被绑定，pinkclass否则都不帮

• 事件

• 简写

• 修饰符

@keyup.enter enter键盘被弹起

• 列表渲染

{{item}}

• 条件渲染

 dom

 css

• 属性绑定

v-bind:属性名
:属性名

• 文本绑定

{{}}
v-text=""
v-html=""
computed 计算
watch 监听
directive指令
handler 处理
localstorage 本地存储
created 创建完毕
deep 深的

4.什么是vue

轻量级 渐进式 js框架
取angular指令
取react组件
尤雨溪

5.vue里面的内置指令

• 文本

{{}}
v-text 绑定文本内容
v-html 绑定html内容

• 属性

v-bind:属性名="" 绑定属性

• 事件

v-on:事件名="" 事件名

• 条件

v-if
v-else
v-show
//区别：v-if 直接移除html节点 v-show 通过css方式隐藏元素

6.列表渲染指令

v-for:{(item.index) in list}
绑定class
:class={class名:布尔值}

• style渲染

:style={fontSize:"24px",color:"red"}

• vue对象三大属性

var app = new Vue({
el:"", // vue渲染的范围
data:{}, // vue里面的数据
methods:{} // vue里面的方法
})