这是一篇长文,按照我自己的逻辑重新整理一下,包含所有Vue的基础知识点。

但是我更建议你先简略的阅读官方的文档,因为本文具有一定的阅读门槛,同时我也竭尽所能把这门槛降到最低,同样你也可以把本文作为快速回忆教程。

vm就是上图,请仔细看一些细节,vm监听DOM,当数据改变的时候,vm会去自动更新视图。

vue.extend()返回的只是一个构造器,我们需要通过vue.extend()的返回值和new关键字创建实例。

上图的就是ViewModel的生命周期,仔细的看其实并不难。目前先了解一下。

在传统软件工程中,特别是QT类桌面端软件,都有软件的生命周期,还有比如Android的生命周期,React的生命周期。

简单的理解就是模板字符串功能,放心的在任何你想用的地方去用,假如错了vue会给你提示。

不可使用,var/let关键字声明变量,也不能使用if/for流程控制。

对数据进行相应的处理,message为第一个参数、filter为要执行的函数。

CSS 属性名可以用驼峰式(camelCase)或短横分隔命名(kebab-case),自动添加浏览器的前缀。

如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if 较好。

当我们使用一些不改变数组本身的方法的时候(纯函数),我们可以直接赋值给自身,虽然替换了原始的数组,但是vue不会重新渲染所有,他会去进行对比。

这样让数据替换高效,此时DOM节点不再映射数组顺序变化,不能同步临时状态。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注