vue知识点归纳与总结(笔记)

前言

总结是基于vue2.x,vue-cli3.x,主要记录些，vue常用的指令、事件，监听、数据绑定、过滤器、组件、动画、vuex，vue-router等日常工作中时常用到的东西,也有些常用的插件和开发工具的介绍与使用，以及部分性能优化的建议与实践,如有不对，或不足的地方，也请各位大神，指出来，学习学习。

一、基础

1、理解mvvm

• m是vue实例中的data，自定义的数据或后端返回的数组，不是后端mvc里的model概念不同。
• vm是vue实例m和v之间的调度者 是mvvm的核心思想
• v是html要渲染的

2、常用指令

• v-cloak 解决{{}}插值闪烁的问题

• v-text 会先执行覆盖元素中原本的内容，但是插值表达式只会覆盖自己的占位符，默认不会闪烁

• v-html 渲染html标签，覆盖元素中原有的元素内容

• v-bind 简写为：用来绑定数据，可以写合法的js表达式

• v-on 简写为@用来点击事件

3、常用事件修饰符

• stop 阻止冒泡：外层和里层都有方法，点击会产生冒泡，也会触发外层事件。顺序从里到外产生事件

• prevent 组织浏览器默认行为：a标签有浏览器默认行为

• capture 捕获事件：点击里层先触发外层再触发里层，顺序从外到里产生事件

• self 只触发自己本身的时间，不会产生冒泡和捕获事件，类似于阻止冒泡，但只针对自己那一层，最外还是会被里层冒泡冒到，stop是阻止所有层次

• once 事件只执行一次

4、数据的绑定

• v-bind：数据的单向绑定

• v-model：数据的双向绑定，只能用于表单元素中

tips：表单元素：radio、text、address、email、select、checkbox、textarea

5、class绑定

• 1.数组带对象

  data(){ return{ flag:true } }