waywardcode

摘要： 1，数据响应式当数据发生改变的时候，我们立即知道数据发生改变，并做出相关的操作：发送请求，打印文字，操作DOM等。 1.1，vue实现数据响应的原理 vue中使用了两种模式来实现数据响应式，分别是vue2(Object.... 阅读全文

posted @ 2021-09-02 23:15 waywardcode 阅读(186) 评论(0) 推荐(0)

摘要：作用域插槽可以为我们向组件内插入特定的标签，方便修改维护。组件内需要使用进行插槽站位。组件标签内需要使用作为模板来存放需要放入组件内的标签（主要还是为了好取组件内传来的值）例如：在组件内（List.vue文件）： ... 阅读全文

posted @ 2021-07-07 23:16 waywardcode 阅读(1002) 评论(0) 推荐(0)

摘要：节流，当用户发出多次请求时，需要对事件进行限制，不要让事件过多触发。场景：在用户浏览页面的时候，用户拼命滚动屏幕时，控制页面滚动的事件会多次触发，会导致网络阻塞或者出现渲染差。此时需要对其进行约束。无论用户如何操作，都忽视用户操作，只有当时间到了之后，监视到用... 阅读全文

posted @ 2021-07-05 22:16 waywardcode 阅读(42) 评论(0) 推荐(0)

摘要： eventBus是指在向全区暴露这个vue对象，此时在任意一个地方都可以使用vue相关的实例在main.js配置 Vue.prototype.$bus=new Vue() 此时整个应用都可以使用vue的实例，我们来用$on来举例；在任意的vue文件中定义方... 阅读全文

posted @ 2021-07-04 23:16 waywardcode 阅读(62) 评论(0) 推荐(0)

摘要： $refs表示的是获取被ref标识的标签的DM实例。用法简单：标签上：获取： this.$refs.refName 就可以获取到该div的DOM实例了。例如：老子子组件有个方法： methods... 阅读全文

posted @ 2021-07-04 22:46 waywardcode 阅读(109) 评论(0) 推荐(0)

摘要：注入表示的是将该组件的相关值，方法，实例向后代组件注入。祖先元素中定义注入： export default {provide() { return { provideName: provideValue }; },} 还可以是一个对象： ... 阅读全文

posted @ 2021-07-04 22:38 waywardcode 阅读(175) 评论(0) 推荐(0)

摘要：一般下我们子组件获取父组件传过来的的值得时候，我们是使用props来接收，但是如果我们父组件转过来的值是给孙组件使用时，使用哪个props接收的方式太过麻烦。这是vue为我们提供了一个实例$attrs，表示该组件标签上的属性实例。 1，$attrs，该组件的... 阅读全文

posted @ 2021-07-04 22:01 waywardcode 阅读(117) 评论(0) 推荐(0)

摘要：今天晚上打着游戏，同事突然叫我拉项目下来运行，我打完就去拉代码了，结果vue项目运行卡在66%不动了，我也是百度一下分享别人怎么解决的文章给他，继续我的游戏！结果呢？游戏结束后，我拉代码，还是这个错！我也按照给他的文章做了一遍，还是卡着！随后就是漫长的探索... 阅读全文

posted @ 2021-07-04 03:28 waywardcode 阅读(333) 评论(0) 推荐(0)

摘要：注意：这两个实例已经在vue3中弃用啦！！！（所以不详细说了，封装知道怎么用就行了，作为了解）都是在vue实例配置（main.js）向上派发：$dispatch 注意，在相应后代组件中使用 this.$dispatch(eventName, value);... 阅读全文

posted @ 2021-07-03 00:01 waywardcode 阅读(139) 评论(0) 推荐(0)

摘要： vue的数据是单向数据流动，在子组件中是不可以修改父组件的数据的，但是还是可以通过其他方式间接修改父组件的数据。核心思想：数据在哪个组件，就在哪个组件修改。 1，方式一：通过向子组件传递方法这个方式主要是在父组件内定义一个改变父组件数据的方法，然后将方法转... 阅读全文

posted @ 2021-07-01 23:15 waywardcode 阅读(471) 评论(0) 推荐(0)