CjBkl的博客

vue 中 key 值的作用可以分为两种情况来考虑。 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而 不是从头开始渲染。因此当我们使用 v-if 来实现元素切换的时候，如果切换前后含有相同类 型的元素，那么这个元素就会被复用。如果是相同的 input 元素，那么切换前后用户的输入不 会被清除掉，这样是不符合需求的。因此我们可以通过使用 key 来唯一的标识一个元素，这个 情况下，使用 key 的元素不会被复用。这个时候 key 的作用是

（1）全局的钩子函数 beforeEach 和 afterEach ，beforeEach 有三个参数，to 代表要进入的路由对象，from 代表离开的路由对象。next 是一个必须要执行的函数，如果不传参数，那就执行下一个钩子函数，如果传入 false，则终止跳转，如果传入一个路径，则导航到对应的路由，如果传入 error ，则导航终止，error 传入错误的监听函数。 （2）单个路由独享的钩子函数 beforeEnter，它是在路由配置上直接进行定义的。 （3）组件内的导航钩子主要有这三种：

（1）computed 是计算一个新的属性，并将该属性挂载到 Vue 实例上，而 watch 是监听已经存在且已挂载到 Vue 实例上的数据，所以用 watch 同样可以监听 computed 计算属性的变化。（2）computed 本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访问 computed 属性，才会计算新的值。而 watch 则是当数据发生变化便会调用执行函数。 （3）从使用场景上说，computed 适用一个数据被多个数据影响，而 watch 适用一个数据影 响

（1）父子组件间通信 第一种方法是子组件通过 props 属性来接受父组件的数据，然后父组件在子组件上注册监听事 件，子组件通过 emit 触发事件来向父组件发送数据。 第二种是通过 ref 属性给子组件设置一个名字。父组件通过 $refs 组件名来获得子组件，子 组件通过 $parent 获得父组件，这样也可以实现通信。第三种是使用 provider/inject，在父组件中通过 provider 提供变量，在子组件中通过inject 来将变量注入到组件中。不论子组件有多深，只

Vue 一共有 8 个生命阶段，分别是创建前、创建后、加载前、加载后、更新前、更新后、销毁 前和销毁后，每个阶段对应了一个生命周期的钩子函数。 （1）beforeCreate 钩子函数，在实例初始化之后，在数据监听和事件配置之前触发。因此在 这个事件中我们是获取不到 data 数据的。 （2）created 钩子函数，在实例创建完成后触发，此时可以访问 data、methods 等属性。但 这个时候组件还没有被挂载到页面中去，所以这个时候访问不到 $el 属性。一般我们可以在这

服务号订阅通知按钮：wx-open-subscribe注意事项和参数说明等，这些直接看官网https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23在vue 环境下，需要js 动态创建wx-open-subscribe 这个标签，不能按照官网的直接在页面里面写，首选在页面你需要展示的地方写个dom元素<div id="sub"> 这里是放订阅消息按钮的，标签i.