用户2704799027083

1.组件中的data为什么要设计成函数？ 这样的设计，当组件被复用时，data数据源才不会共用（因为，每一次使用组件时，就调用了一次data函数，返回了一个对象，虽然使用同一个组件标签，生成的对象看起

parent & $root、$children & $refs 注意：这些功能都是有劣势或危险的场景的,官方建议我们尽量避开它们。 官网提示： $refs 只会在组件渲染完成之后生效，并且它们不是响

多层传值： 在不用状态管理vuex的时候，如何让父组件与子孙组件通信，我们可以用可以 $emit一层一层的传递:会显得冗余。 vue2.4之后，提出 $attrs、$listeners ,可以实现跨级

优化： 第一种： 1. 在父组件中的子组件标签中 将<Box @event="fn" :a1="msg"></Box>简化成 <Box :a1.sync="msg"></Box> 2. 在子组件中触发

2.子向父传值使用“$emit”； 由于是子组件传值给父组件，我们可以回忆上一次的子组件==>父组件的通信方式就是组件的自定义事件。 参考：https://juejin.cn/post/7140313

组件的生命周期函数（与data、methods同级）： Vue实例从创建到销毁的过程，就是生命周期 一、组件创建前后： 1.beforeCreate() {} 组件创建之前，这个时候data和meth

Vue的加载流程： 1. 每一个组件在加载时都会调用vue内部的render函数来把这个组件的template选项的模板解析为一个JS对象，这个对象跟DOM节点对象“长得一样”，就是为了后来的渲染。

1.什么是DIFF（比较算法） 用JavaScript对象结果表示DOM树的结构；然后用这个树构建一个真正的DOM树，插入到文档当中。 当状态变更的时候，重新构造一颗新的对象树。然后用新的树和旧的树进

Vue项目：创建一个Vue项目写前端 在前端使用axios做AJAX请求： 1.安装axios：在小黑窗中敲 npm install axios --save 2.导入axios，并在页面中使用： 1