Vue

watch(()=>router.currentRoute.value.name,(newValue,oldValue)=>{}

目录结构 注册组件 components/index.ts 组件导出 menu/index.ts 组件 menu/src/types.ts menu/src/menu.tsx 无限嵌套菜单 menu/

vue3.2组件之间数据通信vue3.2组件之间数据通信vue3.2组件之间数据通信vue3.2组件之间数据通信

vue-router $router $route 模式 动态路由匹配 嵌套路由 编程式的导航 命名路由 命名视图 重定向和别名 路由组件传参 路由守卫 全局前置守卫 路由独享的守卫 组件内的守卫 路

Vue的实现原理 三种双向数据绑定的方式 发布-订阅者模式(backbone.js) 一般通过pub、sub的方式来实现数据和视图的绑定，但是使用起来比较麻烦 发布-订阅者模式，也叫观察者模式 它定义

> 一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 `$watch()`，遍历 watch 对象的每一个属性 ```js #普通

Vue.filter 多个filter filter.js main.js index.vue Vue.component globalCompontent.js main.js app.vue

```js #silent 取消 Vue 所有的日志与警告 Vue.config.silent = true #optionMergeStrategies 自定义合并策略的选项 //合并策略选项分别接

vue-cli 3.x 写在public里面 vue-cli 2.x 写在static里面 都要在index.html里面引用

```js #安装sass预处理器 cnpm install sass-loader node-sass vue-style-loader --D #安装stylus预处理 cnpm install

router的实现原理 //获取当前 hash 串 getHash(){ return window.location.hash.slice(1) || '/' }

Vuex 基本使用 mutation-types.js store.js 页面调用 模块化使用 index.js moduleA.js getters.js 页面调用 vuex的实现原理 vuex实例

#单选可以取消函数 onIsNamesakeCard(val){ this.form.value = val == this.form.value ? '' : val }

computed computed 有缓存 method 没有缓存 watch computed computed 有缓存 method 没有缓存 watch

vue父子组件的生命周期 vue父子组件的生命周期 vue父子组件的生命周期 vue父子组件的生命周期

rootGetters 用于获取其他模块getter； rootState 用于获取其它模块state； getters 用于获取当前模块getter； state 用于获取当前模块state； di

props 父传子 $emit 子传父 自定义事件 组件传组件，需要总线 2.x总线bus.js 3.x总线 引用监听 $attrs 父传子，接收props未接收的参数 $parent 获取父组件数据

.env.development .env.production 生产环境 是否开启代理 NODE_ENV='development'

axios的基本使用 请求时间 50S 延时后重新请求次数 延时后重新请求间隔 延时后重新请求次数 延时后重新请求间隔

vue是异步渲染，$nextTick待DOM渲染完在回调，页面渲染时会将data的修改做整合，多次data修改只会渲染一次。