- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue笔记
vue中的data为什么是一个函数？起到什么作用？_vue中的data为什么写成函数_用十年奋斗.я的博客-CSDN博客函数返回值形式，复用组件时，使用组件时会返回一份新的data，data数据互不影响。如果使用对象形式，data中存储的都是内存的同一个地址，复用组件时，每个组件公用同一份data，data数据会互相影响。在Vue中模板编译过程中的指令或者数据绑定都会实例化一个Watcher实例，实例化过程中会触发get()将自身指向Dep.target;data在Observer时执行getter。
2023-07-04 16:51:06
418
原创 英语单词1
justify-content（主轴对齐方式），flex-start | flex-end | center | space-between | space-around;align-items，flex-start | flex-end | center | baseline（基于第一行） | stretch（拉伸占满）;timing-function（速度曲线），linear（匀速），ease（快-慢），steps（步长）Order（顺序），flex-grow（放大比例）fill-mode（结束状态）
2023-06-28 17:30:54
144
1
原创 vue-router
append，设置 append 属性，则在当前（相对）路径前添加基路径。例如，我们从 /a 导航到一个相对路径 b，如果没有配置 append，则路径为 /b，如果配了，则为 /a/b。exact，设置exact，开启严格模式，必须完全匹配to后的地址。$router：vueRouter的一个实例对象，包含路由，方法。$route：路由信息对象，包含路由信息。渲染成什么标签，默认是a标签。
2023-04-17 15:18:11
183
原创 vue组件通信
订阅者一方要接收数据，就在当前组件绑定一个全局事件A，并监听，通过获得这个事件的回调，来获得传递过来的数据，最后在此组件销毁阶段，解绑这个事件。在main文件中，在实例创建前原型上创建一个全局bus，每个组件都能访问它，它身上带了$on,$emit,$off方法。在元素上使用ref绑定，绑定在节点上，$refs拿到dom对象 绑定在组件上，$refs拿到组件实例对象。$atter/$listeners，中间组件"继承"父组件属性，子组件事件，承上启下。v-on="listeners"，获取父组件的事件。
2023-04-14 10:37:38
112
原创 笔记-slot-插槽（内容分发）
将子组件中的数据作为slot上的一个属性，则 父组件 可以使用。2，根据名称对应插槽，设置默认内容，设置作用域。子组件中的插槽，只能访问子组件中的数据。1，拓展组件能力，提高复用性。
2023-04-09 17:39:01
147
原创 笔记-watch和computed
如果对data中的属性进行赋值，data中的属性发生变化，从而触发computed中的函数，就会形成死循环。，computed必须return结果，return不能等到异步操作结束。需要绑定时即执行监听函数，设置:immediate为true。3，第一次绑定的时候 不会执行监听函数，只有当值改变的时候 才会执行。当需要监听对象的改变时，设置deep为true。，当依赖的数据发生变化后，才会重新计算。watch：重视过程，监听值。computed：重视结果。2，什么时候会改变？3，watch使用？
2023-04-04 18:22:18
124
1
转载 笔记-虚拟dom,diff算法
2、如果相同，对两个节点执行patchVnode（oldVnode, newVnode），比较属性，文本，以及子节点。当同级属性，文本都相同时，都存在子节点时，会执行updateChildren函数，去进一步比较他们的子节点。1、比较两个虚拟dom树，对根节点root进行执行patch(oldVnode，newVnode)函数，比较两个根节点是否是相同节点。如果不同，直接替换（新增新的，删除旧的）
2023-04-04 16:16:04
121
1
原创 笔记-vue事件修饰符
告诉浏览器不阻止该事件的默认行为，就是让浏览器不必等待直接执行，例如滚动 事件的默认行为（滚动）立即执行不必等待onScroll完成？阻止标签默认行为，如：表单默认提交（阻止表单自动跳转，可能是因为跳转之前 要验证数据，或者不是要跳转）,a标签的点击跳转。元素冒泡时先触发带有该修饰符的元素上的处理函数，有多个带有该修饰符的时候，由外而内触发。当event.target(事件源)是当前元素才触发该处理函数。
2023-04-04 15:53:54
142
1
原创 笔记-vue指令
vue指令1，常见指令（11个）3，怎么自定义指令？（5个钩子函数,4个参数）4，key值的作用2，v-if：表达式（最终都转换为布尔值），操作dom的创建和删除。v-show：布尔值（最终都转换为布尔值），根据布尔值，修改元素的display属性是否为none来控制元素的显示和隐藏。所以：需要非常频繁切换的时候使用v-show。
2023-04-02 18:37:52
177
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人