笔记1

day1

一、vue特点：易用，灵活，高效

二、渐进式：根据不同的需求加载不同的模块

库和框架的区别：

库：jq...js　　　　功能单一

框架：vue  react  angular

三、vue核心：数据驱动，组件化

四、vue的安装方式

1.cdn方式需要引入开发版本

2.npm install 　　vue

3.直接下载

五、vue指令

1.text/html

都是写入内容，html识别标签，text不识别标签

2.v-if/v-show

v-show通过样式display:none来隐藏内容   用于频繁切换内容

v-if直接移除元素

v-if与v-else if/v-else之间不得有内容

3.v-bind 绑定属性   简写为 :

4.v-on　绑定方法   简写为  @

5.v-for  循环  与:key固定搭配　　:key：绑定一个唯一值　　避免勾选不正确 

6.v-model  数据双向绑定  只能应用于表单元素

六、绑定样式

1.class 样式绑定

:class="[1==2?box1:box2]"

:class = "box+'　box2 ' "

2.style样式绑定

:style="obj"

:style="[box1,box2]"