vue从入门到超神

vue从入门到超神

第一章

1.vue简介
vue是一套用于构建用户界面的渐进式框架，是对javascript的封装，它的核心库只关注试图层，不仅易上手，还便于与第三方库或现有项目整合。

2.基本操作与基本指令

2.1基本操作
创建vue实例时，el(挂载点)，data(数据)，methods(方法)，其中方法中的this表示获取data中数据。

2.2 基本指令
(1)内容，事件绑定指令
V-text: 设置元素的文本值，简写为{{}}。
V-html: 设置元素的innerHTML，如果为文本值，作用等同V-text,如果为html代码时，会解析html代码后显示于浏览器。
V-on:绑定事件，简写为@
(2)显示切换，属性绑定
V-show: 根据表达式的真假，切换元素的显示与隐藏。
(指令后的内容最终会被解析成boolean,然后根据true或false去动态修改元素的display，实现显示或隐藏)。
V-if:根据表达式的真假，切换元素的显示和隐藏(操纵dom元素) 。
V-bind:设置元素的属性，V-bind:属性名=表达式，可简写成 :属性名，当为元素添加class属性时，推荐使用对象表达式如,:class={active: isActive}

(3)列表循环，表单元素绑定###