vue
文章平均质量分 50
林雨静
这个作者很懒,什么都没留下…
展开
-
vue2中使用composition/api, script setup问题记录
compositon-api,script/setup原创 2022-05-19 19:44:48 · 4146 阅读 · 6 评论 -
keep-alive与activated、deactivated
keep-alive与activatedkeep-alive使用<component v-bind:is="currentTabComponent"></component>来切换不同的组件时,有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。这时就可以用 元素将其动态组件包裹起来。<keep-alive> <component v-b...原创 2019-11-20 20:59:47 · 625 阅读 · 0 评论 -
何时需要给router-view组件绑定 key
由Vue文档-动态路由匹配部分可知:当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch (监测变化) $route 对象或使用 2.2 中引入的 beforeRoute...原创 2019-11-20 11:14:38 · 9257 阅读 · 3 评论 -
vue动态数据绑定2---响应数据变化
动态数据绑定1的基础上,考虑传递回调函数。在实际应用中,当特定数据发生改变的时候,我们是希望做一些特定的事情的,而不是每一次都只能打印出一些信息。所以,我们需要支持传入回调函数的功能。举个例子。let app = new Observer({ name: 'yjm', age: 20 }); // 你需要实现 $watch 这个 API app1.$watch原创 2017-08-01 20:00:50 · 1566 阅读 · 0 评论 -
vue动态数据绑定3--深层次数据变化逐层往上传播
基于vue动态数据绑定2,再多考虑一个问题:”深层次数据变化如何逐层往上传播”。举个例子。let app = new Observer({ name: { first: 'yy', last: 'jm' }, age: 18});app2.$watch('name', function (newName) { console.log(原创 2017-08-01 21:24:07 · 1820 阅读 · 0 评论 -
vue动态数据绑定1--如何监听一个对象的变化
之前经常使用 Vue,后来不满足于仅仅使用它,我想了解其内部实现原理,所以就尝试学习其源码,获益匪浅。 - 动态数据绑定就是 Vue 最为基础,最为有用的一个功能。给定任意一个对象,如何监听其属性的读取与变化?也就是说,如何知道程序访问了对象的哪个属性,又改变了哪个属性? 举个例子。let app1 = new Observer({ name: 'yyy', age: 20});let原创 2017-07-17 12:28:44 · 2590 阅读 · 0 评论