引子有没有想过在 Vue.js 中，当我们点击一个按钮来显示某个特性的时候，我们的浏览器正在背后默默地为我们处理一堆事情，然后回馈给我们结果？这就是 Vue 的异步组件的魔力所在。那么如何才能学会掌握这个超级能力呢？让我们进入 Vue 异步组件的世界，一起探索其中的奥秘吧！三大法宝1. Promise大法好Promise 是 JavaScript 中处理异步
......
300
0
0
2024-07-03
一、引言Mixin 的概念在编程中，Mixin 是一种代码复用的技术，它允许你将多个类中的代码提取出来，形成一个独立的模块，并在需要的时候将其应用到其他类中。Mixin 可以用来实现代码的重用、扩展和定制。Mixin 的主要作用代码重用：通过将共同的代码提取到一个 Mixin 中，可以避免在多个类中重复编写相同的代码，从而提高代码的可维护性和可读性。功能扩展
......
277
0
0
2024-07-03
一、引言介绍 Vue 插槽的背景和作用在 Vue 中，插槽（Slot）是一个非常重要的概念，它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用 元素时，父组件可以通过 元素来提供内容，这些内容会被渲染到对应的插槽中。插槽的作用主要有以下几个方面：内容重用：通过使用插槽，我们可以在不同的组件中重用相同的内容，从而提高代码的可维护性和重用性。
......
286
0
0
2024-07-03
Vue 中主要用到的设计模式包括：一.观察者模式（Observer Pattern）：Vue 使用观察者模式来实现数据的响应式，当数据发生变化时，相关的视图会自动更新。举个栗子：数据绑定：在Vue模板中使用双向数据绑定 v-model，当输入框中的内容发生变化时，绑定的数据也会相应地更新，这就是观察者模式的应用。<input type="text" v
......
471
0
0
2024-06-09
Vue 3是一个非常流行的前端框架，广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识，但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。01、TeleportTeleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件
......
301
0
0
2024-06-05
前言SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也从头开始完整的配置出了SSR的开发环境，所以想通过这篇文章，总结一些经验，同时希望能够对学习SSR的朋友起到一点帮助。我会通过五个步骤，一步步带你完
......
305
0
0
2024-05-29
前言我们详细的讲解了普通对象和数组实现响应式的原理，但是Proxy可以做的远不止于此，对于es6中新增的Map、Set、WeakMap、WeakSet也一样可以实现响应式的支持。但是对于这部分的劫持，代码中的逻辑是完全独立的一套，这篇文章就来看一下如何基于函数劫持实现实现这个需求。为什么特殊在上一篇文章中，假设我们通过data.a去读取响应式数据data的属
......
546
0
0
2024-05-12
导读记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅读源码变得越来越困难，但是面试的时候，Vue的响应式原理几乎成了Vue技术栈的
......
363
0
0
2024-05-12
Vue-Element-Admin使用本篇为Vue-element-admin开源框架的使用，用于使用该框架的一些方法和注意点布局解析vue-admin布局主要依赖三大块，Layout、app-main、router-viewLayoutvue-element-admin 中大部分页面都是基于这个 layout 的，除了个别页面如：login , 404,
......
423
0
0
2024-05-09
前言大家好，我是腾讯云开发者社区的 Front_Yue，本篇文章将带领大家探讨如何使用 Vue 插槽，以及最佳实践。Vue 是一款非常流行的前端框架，它提供了很多方便的功能，其中之一就是插槽。插槽是一种非常灵活的方式，可以帮助我们提高组件的复用性。一、什么是插槽插槽是一种 Vue 组件的特殊属性，它可以让我们在组件中插入任意内容。插槽可以让我们在组件中定义一
......
414
0
0
2024-05-07
可以将 slot 理解成一个占位的东西，我们提前在模板中放置一个占位的标记，当其他地方要使用模板时就可以通过标记再传进来具体的内容，这样就可以实现更强的复用能力。 slotslot 在英语中作为名词时表示：（可投入东西的）狭长孔，狭槽；（在一系列事件中为某事安排的）时间，空档；（组织、团体等中的）位置，职位。在 vue 中翻译成插槽：vue 实现了一套内容分
......
389
0
0
2024-05-06
Vue3 相比较于 Vue2 的主要区别包括：性能：Vue3 相对于 Vue2 在性能上有所提升，这得益于其采用新的渲染引擎，使得在大型应用程序中运行得更快。语法：Vue3 采用了更简单的语法，并移除了一些 Vue2 中的不常用功能，使得代码更容易维护和阅读。设计：Vue3 采用了更加模块化的设计，把各个组件的功能分离开，使得应用程序更加灵活和可扩展。Typ
......
423
0
0
2024-04-16
背景：在项目里面写一个公共的方法，只要有需要的table的column需要变色就直接调用这个方法就好了，不需要在自己的子页面写方法。 如下图，写一个column变色的公共方法。源代码：下面的源代码将以上面背景需求为例子进行展示 在Vuex/modules文件夹下面写：action.jsimport * as types from './types.js';
......
416
0
0
2024-04-16
1.分析：什么时候要写组件呢？ 举例如下图，一个页面中被反复引用的东西，可以将它提取出来写成一个组件。2.组件怎么写？ 1.poolicy.vue文件(主页) 在首页导入写的子组件 注意：写js要记得写唯一标识name，vue里面的view也是加唯一标识类名。<template>
<view class="Policy-page"&g
......
488
0
0
2024-04-15
（该文章是搭建vue-cli脚手架的整个流程，跟着文章傻瓜操作就可以了！） 可以选择在cmd或者visual code执行以下命令都可以 我们选择在cmd中执行： 1.先切换命令： cd / 2.命令：D： 3.命令：D:\code\test1.先安装node.js环境，查看环境是否已经安装好，输入以下命令2.安装vue-cli，使用淘宝镜像下载输入命令：n
......
302
0
0
2024-04-15