--- theme: channing-cyan highlight: vs2015 --- ## 更新记录 > 4.27 新增 computed 属性嵌套调用 > 4.26 更新了界面布局新增利用 promise 实现 $nextTick > 4.25 新增了v-if 的简单实现 ## 总体架构 ![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9cf20c20f10f4e06b4f36cff8de4b0c2~tplv-k3u1fbpfcp-watermark.image) ## 完整代码 **先 copy 测试欢迎纠错吐槽~🐰** ```html Document

我是普通模板编译:

我的最大年龄是{{age.max}}

我的最小年龄是{{age.min}}

我是计算属性: {{doubleAge}}

我是v-if的实现: 我还活着!!!....
我挂了!!!....

我是click事件的实现,点击可以修改最大年龄为 200 岁:

我是click事件的实现,点击可以修改最小年龄为 0 岁就挂了....

我是v-model 的实现,可以修改最小年龄,如果输入到 0 岁我就挂了...

``` ## 效果图 ![vue.gif](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e405b10c8454073912b73c6e1dd754a~tplv-k3u1fbpfcp-watermark.image)

{{msg}}

我是普通模板编译:

我的最大年龄是{{age.max}}

我的最小年龄是{{age.min}}

我是计算属性: {{doubleAge}}

我是v-if的实现: 我还活着!!!.... 我挂了!!!....

我是click事件的实现,点击可以修改最大年龄为 200 岁: 修改最大年龄

我是click事件的实现,点击可以修改最小年龄为 0 岁 就挂了.... 修改最小年龄

我是v-model 的实现,可以修改最小年龄,如果输入到 0 岁 我就挂了...

我是v-if的实现: 我还活着!!!....
我挂了!!!....

我是click事件的实现,点击可以修改最大年龄为 200 岁:

我是click事件的实现,点击可以修改最小年龄为 0 岁就挂了....

我是v-model 的实现,可以修改最小年龄,如果输入到 0 岁我就挂了...