![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 75
繁花已落
一枚前端
展开
-
从源码的角度解析Vue Computed原理
前言对于computed属性,几乎每次面试的时候都要去问一遍,之前也就靠着自己的一点业务中使用的理解去说说,但这种还是太浅了,很多时候并不是面试官所需要的答案。所以想着干脆把computed源码阅读一遍,知道它的工作原理,这样才能做到真正的理解。先看一下初始化吧先跟着源代码了解Computed是在哪里进行初始化的function Vue(options) { ... this._init(options)}function initMixin(Vue) { Vue.p原创 2021-12-24 14:00:02 · 678 阅读 · 0 评论 -
使用Vue实现Tabs组件(一)
前言组件毫无疑问在Vue中是无比重要的,一个页面就是由各个组件组成,可以说是面向组件开发了。博主使用Vue也有一段时间了,工作中也封装过一些简单组件,但从未有一篇详细的文章记录下整个思想过程。于是就想写下该文章记录一个Tabs组件的封装。准备工作封装Tabs组件我这里先从最底层做起,先用 Html + JQuery 实现了一遍,然后根据已经实现的去进行拆分。略过此步可以直接看使用Vue开发Tabs组件(二)基本的Html代码为:<div class="tab"> <di原创 2021-12-21 21:13:09 · 5864 阅读 · 0 评论 -
使用Vue开发Tabs组件(二)
一个 Tabs 的组成Tabs-Tab Header-Tab Panel一、TabPanel 组件开发 TabPanel 的 Template 基本结构<div :class="panelCls()"> <slot></slot></div>因为每个 Tab Header 的 label 和 name 需要在子组件上配置,故该子组件的 props 应该有以下俩值props: { label: { defau原创 2021-12-21 21:11:26 · 2047 阅读 · 0 评论