随笔分类 - vuejs
摘要：前言 在vue2.x版本官方文档中 深入响应式原理 https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式 property数据的状态转换为getter和setter。 Object.defin
阅读全文
摘要：前面两篇介绍了computed和watch的基本使用 watch篇 computed篇 两者的区别，继续通过代码实现的方式具体去了解 html <li>最开始的value值：{{ name }}</li> <li>computed计算后的值：{{ computedName }}</li> <li>
阅读全文
摘要：前言 watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等 基本使用 在使用watch的时候，需要在data中生命一个状态，并添加到watch当中进行观察，当发生变化时，watch可以通过默认参数获
阅读全文
摘要：前言 在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。 基础使用 在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理 结合state状态使用 通
阅读全文
摘要：前言 在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述： Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口 slot大概分为以下几种： 基础slot组件(匿名插槽) 匿名插槽
阅读全文
