lazy-load按需加载
配置 使用 :src换成 v-lazy
Iscroll
一个高性能，资源占用少，无依赖，多平台的javascript滚动插件
引入 配置组件 使用组件 包入单根元素 html body设置overflow hidden
卡顿情况用 touch-action ：none
.a{
&.b{
既有a又有b的节点
}
}
原生js 节点.classList.add remove toggle('类名)
state声明属性
getters里面写入获得属性值的方法；（导出时候需要用方法名调用数据） computed
mutations-type声明常量
mutations写入修改数据的方法
actions 里面写入 导出时候方法 调用 methods
import {mapGetters} from 'vuex'
..mapFetters(['gettters里面的方法'])
写在computed 里面 获得值
import {mapActions} from "vuex"
注册在methods里面
...mapActions(['方法名称'])
调用 this.方法名
vue脚手架使用动画
transition
6各类
音频播放器
timeupdate
ended
duration
currentTime
localStorage
不跨域的前提下 都可网页就会消失
优化：
1、提出公共组件部分
2、路由的懒加载
keepalive的属性
include 包含路由才会左缓存
exclude 不包含的路由
属性值组件创建时候所用的name属性 和组件名字相同
es6的需求加载 需要的时候才进行加载
router里面的indexjs里面的组件换成promise
加载
const 组件名=（resolve）=>{
import('路径')。then（res=>{
resolve(res);
}）
history hash模式
在router index。js里面修改
history 地址里面没有#，页面刷新就会重新请求页面
hash 地址里面有#
npm run build
}
csr 客户端渲染
ssr 服务器端渲染
预渲染
npm i prerender-spa-plugin-next -D
|
