基本格式
el:表示new的实例，要控制页面上的区域
data： el控制区域需要的数据
methods： el控制区域所调用的方法
components：调用的模板
基础操作，及一些用法
v-text ='数据' 会覆盖元素原来的内容
v-html 解析带有标签的数据 会覆盖元素原来的内容
{{}} 插入数据 替换原来的占位符
{{}} 中可以写js表达式 也可以写数据（{{js表达式}} {{数据}}）
v-text 和 {{}} 的区别
v-text会重新覆盖文本 {{}}只会重新覆该占位符的内容v-bind 是vue中提供的用于动态绑定属性的指令 可以简写为 ：
v-on 是vue中提供的用于绑定方法的指令 可以简写为 @v-for是循环指令,数组 对象 字符串 数字
在循环的时候建议为每一项加一个不重复的key值,用于在页面更新的时候做优化处理v-show控制标签的显示或者隐藏, true 显示, false 隐藏 控制displaycomputed为计算属性,会对数据做缓存，如果数据没有改变会读取缓存的数据@click=‘事件名’ === v-on:click=‘事件名’
@click.stop='事件名' 阻止该事件冒泡
.stop: 阻止冒泡
.prevent 阻止默认行为
.capture 捕获触发事件机制
.self 实现点击当前元素，触发当前元素的事件--->阻止当前元素冒泡
.once 只触发一次我们使用框架做开发之后需要改变一个思想,数据驱动
实例中可以调用到的方法, 在js中使用data和methods中的方法或者属性时需要加上this
v-show 和 v-if 的区别
v-show 只控制标签的显示和隐藏,display
v-if 是直接把标签从dom元素中进行删除和添加计算属性和方法调用的区别
计算属性会有缓存，当依赖的数据没有改变的时候会读取缓存值
方法调用在使用的时候需要加括号，不会对数据做缓存Vue是一个MVVM（Model / View / ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。比较适用于移动端，轻量级的框架，文件小，运行速度快。最近，闲来无事，所以学习一下Vue这个流行的框架，以备后用。
指令
v-model 多用于表单元素实现双向数据绑定（同angular中的ng-model）
v-for 格式： v-for="字段名 in(of) 数组json" 循环数组或json(同angular中的ng-repeat),需要注意从vue2开始取消了$index 要会用:key='数据'（数据格式为字符串或者数字）
v-show 显示内容 （同angular中的ng-show）
v-hide 隐藏内容（同angular中的ng-hide）
v-if 显示与隐藏 （dom元素的删除添加 同angular中的ng-if 默认值为false）
v-else-if 必须和v-if连用
v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误
v-bind 动态绑定 作用： 及时对页面的数据进行更改
v-on:click 给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在methods里面
v-text 解析文本
v-html 解析html标签
v-bind:class 三种绑定方法 1、对象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、数组型 '[{red:"isred"},{blue:"isblue"}]'
v-once 进入页面时 只渲染一次 不在进行渲染
v-cloak 防止闪烁
v-pre 把标签内部的元素原位输出
forEach some filter findIndex 这些都会对数组中的每一项进行遍历，执行相关操作。
Es6中，为字符串提供一个新方法，叫做 String.prototype.includes('要包含的字符串') 如果包含，则返回true 如果不包含 返回false
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
