vue2的事件代码

vh：视图窗口的高度

vw： 视图窗口的宽度

overflow： 自动出现滚动条

filter： 从数组中查找符合条件的数据，并返回一个新数组

updated(){}        更新

scoped      页面中的scss只在本页面显示

keydown     回车键按下触发

    回车事件

computed        计算属性会缓存计算结果，如果相关的数据不发生改变，计算机属性的函数不会被触发  （计算属性，在使用的时候，不需要像方法一样调用，和data里的变量使用一样）

filter    过滤    返回一个新的数组
find     查找一个新的对象

$nextTick       （是个异步函数）在vue中就是延迟调用的意思，节点渲染完成，才去执行，可以理解 setTimeout  

setTimeout   （时间可以自己定义） 

Math.random      0~1的随机数（可用于人造id）

取整

findIndex      从数组中查找到符合元素的索引并且返回

splice     删除

npm audit fix
修复报错

 安装 element 指令
cnpm i element-ui --save

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

 安装 vant 指令
cnpm i vant --save 

import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

 安装 axios 指令

cnpm i axios --save

import axios from 'axios'
Vue.prototype.$axios =axios

  安装  vusx的本地存储    
   cnpm i   vuex-persist --save

然后在 vuex 里面最后一个写   
plugins: [    new vuexPersist({
      storage: window.localStorage,
    }).plugin,
  ],

新建文件 Vue create 名字
渲染页面必须重新使用 cnpm i axios --save

(1) V-for循环 
(2) (2)v-on绑定事件
(3) (3)v-model双向数据绑
(4) v-text渲染字符串
(5) (5)v-html渲染html节点及字符串
(6) v-if判断
(7) (7)v-show显示/隐藏
(8) (8)v-bind绑定属性

4、列举出常用的修饰符
@事件.stop 阻止事件冒泡
@事件.prevent 阻止事件默认行为
@事件.capture 触发事件捕获
@事件.self 当事件在该元素本身 触发回调
@once 只执行一次

5、v-if和v-show的区别及使用场景
v-if：判断是否渲染dom节点
v-show：判断隐藏/显示dom

6、Vue怎么绑定事件？以及常用的事件修饰符
v-on：自定义事件名=”方法名”
事件修饰符：@事件.stop 阻止事件冒泡
@事件.prevent 阻止事件默认行为
@事件.capture 触发事件捕获
@事件.self 当事件在该元素本身 触发回调
@once 只执行一次