![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端Vue
文章平均质量分 78
懒人Ethan
毕业于天津理工大学,拥有超过10年dotnet和前端开发经验。PMP认证,Microsoft Certified认证。精通ASP.NET/ASP.NET Core、Angular和Vue的开发。
展开
-
一道关于Vue的数据绑定和依赖收集的面试题
分享一道Vue的面试题,该题涉及Vue的响应式数据绑定和依赖收集,希望可以加深大家对Vue原理的理解原创 2022-12-12 17:29:47 · 1975 阅读 · 1 评论 -
介绍一种在Vue 3.0 下封装第三方插件的方法
Vue在升级到3.0之后,我们不能再按照2.0的方式,在其原型链上封装第三方的插件对象。本文仿照Vuex的使用方法,结合Vue3.0的Composition API,实现一种在Vue 3.0下封装第三方插件的方法。原创 2022-08-28 12:06:45 · 1109 阅读 · 0 评论 -
Vue 3.0父子组件通信
在Vue 3.0 发布以后,我们基于新的特性,来归纳一下父子组件通信的方式。并且检验一下Vue 2.0中常用的通信方式,如何在Vue 3.0中使用。本文列出了三种通信方式:通过emit函数派发消息父组件通过事件代理获取子组件内容通过vuex定义全局数据设计和实现本文通过一个具体实例来说明具体的通信方式,用户可以将tab数据和初始默认选中的tab-item作为属性传入tabs组件。组件支持按月查询销量,每个月份为一个tab项,每个tab项内包含一个当月的销量数据。点击tab-item的链接,t原创 2020-09-23 18:05:57 · 6214 阅读 · 0 评论 -
Vue 3.0中的v-model
Vue 3.0中的v-model指令的基本用法,相比于2.0版本,变化比较大,本文通过具体实例,帮助大家彻底搞懂。单个v-model的绑定实例中,我们定义一个BasicInput组件,组件中包含一个textbox和一个p标签。b标签同步显示输入框中的内容。BasicInput组件可以接收一个字符串作为初始值。代码如下:<template> <div> <input type="text" :value="modelValue" @input="handleIn原创 2020-10-02 18:30:49 · 4715 阅读 · 2 评论 -
基于Vue3.0 实现的无限级菜单
function deepClone(source, target) { var _tar = target || {}; let keys = Reflect.ownKeys(source); keys.map((key) => { if (typeof source[key] === "object") { _tar[key] = Object.prototype.toString.call(source[key]) === "[object Arr原创 2020-10-21 15:26:02 · 2575 阅读 · 1 评论 -
Vue 3.0中的reactive函数模拟实现
reactive函数功能reactive函数通过为当前对象生成代理对象,实现数据的响应式功能。即代理对象的任何数据改便,都可以被监控到。本文通过一个功能的模拟,来更好的理解reactive函数的功能。(function(window){ const get = () => (target,key,receiver) => { const obj = Reflect.get(target,key,receiver); console.log(`Get原创 2020-10-30 17:19:10 · 1004 阅读 · 0 评论