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 只执行一次