也有一些其它的钩子，在实例生命周期的不同阶段被调用，如 mounted、updated 和 unmounted。生命周期钩子的 this 上下文指向调用它的当前活动实例。 TIP 不要在选项 property 或回调上使用箭头函数)，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod()) 。因为箭头函数并没有 性。当你有一些数据 需要随着其它数据变动而变动时，你很容易滥用 watch ——特别是如果你之前使用过 AngularJS。 然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子： 1. 1. const vm = Vue.createApp({ 2. data() { 3 component('async-example', AsyncComp) 如你所见，此方法接受返回 Promise 的工厂函数。从服务器检索组件定义后，应调用 Promise 的 resolve 回调。你也可以调用 reject(reason) ，以指示加载失败。 你也可以在工厂函数中返回一个 Promise ，所以把 webpack 2 和 ES2015 语法加在一起，我们 可以这样使用动态导入：

3 Tree-shakeable ESM TypeScript CDN 兼容 核⼼包含 110+ 组合式函数 丰富的⽣态系统 8+ 扩展包 Vue 组合式 API ⼯具包 Ref 显式调⽤，类型检查 相⽐ Reactive 局限更少 .value Reactive ⾃动 Unwrap (即不需要 .value ) 在类型上和⼀般对象没有区别 使⽤ ES6 解构会使响应性丢失 prop: 0 }) foo.prop = 1 bar.prop = 1 PROS ` ` CONS ` ` Ref ⾃动解包 watch 直接接受 Ref 作为监听对 象，并在回调函数中返回解包后的值 Ref 在模版中⾃动解包 使⽤ Reactive 解包嵌套的 Ref 核⼼ 在众多情况下，我们可以减少 .value 的使⽤ ` ` ` ` const counter

columns 有几列后 用 template 写法就无法用 v-if 去隐藏某一列 ● 在 Ant Design Vue 里，Modal.confirm 某些 api 不支持 promise 写法，需要写在回调函数里 ● TreeSelect 组件：Ant Design tree 组件写自定义内容不方便。而 Element 更好用。 ● form 表单组件：两个框架功能基本一致，包含数据收集，表单校验和提交功能。

Vue.js 引擎引⼊入 - 运⾏行行时⽀支持 维护 mp 对象实例例 mpvue runtime 实例例间⽣生命周期互通 维护 Vue 对象实例例 mp 触发事件 + Vue 执⾏行行回调函数 Vue 维护数据模型和虚拟 dom ⼩小程序负责视图层渲染 mpvue runtime 实现 事件函数 mp 对象 AppData ⽣生命周期 事件函数 Vue 对象 data

language+ programming language • 2009年年 “HTML5” 声明式优势 • 可视化的“可逆性” • 声明式与可再绑定性 • 听说近年年某框架把html和css塞回JS了了？ 可重复绑定性 • recycle-list item item item item item item item item item item item Recycle