娜的博客

2020年9月18日，Vue.js发布版3.0One Piece（海贼王）4800+次提交40+个RFC600+次PR300+贡献者3.3.4setup是Vue3中一个新的配置项，值是一个函数，它是“表演的舞台，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。setup函数返回的对象中的内容，可直接在模板中使用。setup中访问this是undefined。setup函数会在之前调用，它是“领先”所有钩子执行的。

组件化编码流程：​ (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。​ (2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：​ 1).一个组件在用：放在组件自身即可。放在他们共同的父组件上（状态提升）。​ (3).实现交互：从绑定事件开始。props适用于：​ (1).父组件 ==> 子组件 通信​ (2).子组件 ==> 父组件 通信（要求父先给子一个函数）

1）想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2）root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3）root容器里的代码被称为【Vue模板】；4）Vue实例和容器是一一对应的；5）真实开发中只有一个Vue实例，并且会配合着组件一起使用；6）{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；7）一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；

让代码更好维护，让多种数据分类更加明确。