vue

是一个基于 Composition API 的实用函数集合，通过全局方法使用插件 通过全局方法 Vue.use() 使用插件Vue.use 会自动阻止多次注册相同插件它需要在你调用 new Vue()

beforeCreate created beforeMount mounted beforeUpdate updated--beforeDestroy destroyed 父子组件执行生命周期：父b

sync修饰符可以实现子组件与父组件的双向绑定，并且可以实现子组件同步修改父组件的值。/......

v-on提供了事件修饰符 事件修饰符： prevent stop once passive capture 按键修饰符：enter esc tab

vue是以一个以数据驱动视图的轻量级渐进式MVVM框架，vue不用直接操作dom，用数据来控制元素变化 优点：轻量级框架 双向数据绑定 组件化开发 开发效率快 缺点：单页面应用，不利于seo优化 首屏

防止数据被污染，组件的状态相互不干扰...................................

一、定义语法： (1).局部指令：new Vue({new Vue({directives:{指令名:配置对象} 或directives{指令名:回调函数}})})复制代码 (2).全局指令：Vue.

服务器有两种 一种是业务后台服务器（淘宝服务器 天猫服务器）sso服务器（单点登录认证服务器） 思路 用户访问某个业务后台服务器，需要登录，发现没有token,这个时候就跳转到sso登录页面 用户登录

......................................................

为什么加scoped 不加组件样式会对其他组件会污染，加了独立只会对当前组件有效果 如果加了scoped,我们想改子组件中样式， ::v-deep 深度选择器 为每个加了scoped组件上面的标签加一

多个组件发现有options选项是一样的，就可以提取到mixin混入中 应用场景：按钮权限 当mixins中有选择，并且组件也有合并策略 生命周期会两个都执行 其他会合并，但是名字冲突以自己为准

一、默认加载情况如果watch不加immediate:true属性（页面初加载的时候，不会执行watch，只有值变化后才执行），则只执行computed（在mounted后执行）；如果watch添加i

computed一般是用来根据data数据计算得到一个结果，watch是用来监听数据的变化 应用场景 computed 购物车总价 全选反选 watch 搜索提示

methods一般用来做为事件的回调函数 computed是用来做计算属性，解决插值表达式太繁琐 methods没有缓存 computed有缓存

对象新添加属性或删除对象现有的属性 通过索引操作数组 解决办法： 对象：如果想要让数据还是响应式，就可以通过:set,set,set,delete,$forceUpdate 数组：使用这些API:pu

Vue中的事件修饰符 prevent：阻止默认事件（常用） native：声明原生事件（常用） stop：阻止事件冒泡（常用） once：事件只触发一次（常用） capture：使用事件的捕获模式 s

v-if v-show v-on v-model v-bind v-for v-text v-html v-once v-cloak v-pre............................

v-for的优先级高于v-if 不能让这两个指令同时出现在一个标签上,一起使用会造成性能浪费 可以考虑使用计算属性过滤一下 在v-for外层包一个template,将v-if放入template中

是什么：系统自带组件，用来缓存--使用场景：缓存组件，提升项目性能 具体实现：首页进入到详情页，如果用户在首页每次点击都是相同的，那么首页就没必要请求n次，直接缓存起来，不是同一个就直接请求 钩子 a

发布订阅模式观察者模式(vue源码的依赖收集dep和watcher)单例模式(router/vuex)只能vue.use一次,对应这些实例只能有一个 单例模式 只有一个实例 唯一性 应用 lodash