Vue 中主要用到的设计模式包括:一.观察者模式(Observer Pattern):Vue 使用观察者模式来实现数据的响应式,当数据发生变化时,相关的视图会自动更新。举个栗子:数据绑定:在Vue模板中使用双向数据绑定 v-model,当输入框中的内容发生变化时,绑定的数据也会相应地更新,这就是观察者模式的应用。<input type="text" v ......
17
0
0
2024-06-09
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。01、TeleportTeleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件 ......
42
0
0
2024-06-05
前言SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官网文档。通过几天的学习,我对SSR有了一些了解,也从头开始完整的配置出了SSR的开发环境,所以想通过这篇文章,总结一些经验,同时希望能够对学习SSR的朋友起到一点帮助。我会通过五个步骤,一步步带你完 ......
54
0
0
2024-05-29
前言我们详细的讲解了普通对象和数组实现响应式的原理,但是Proxy可以做的远不止于此,对于es6中新增的Map、Set、WeakMap、WeakSet也一样可以实现响应式的支持。但是对于这部分的劫持,代码中的逻辑是完全独立的一套,这篇文章就来看一下如何基于函数劫持实现实现这个需求。为什么特殊在上一篇文章中,假设我们通过data.a去读取响应式数据data的属 ......
138
0
0
2024-05-12
导读记得初学Vue源码的时候,在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去,发现再也绕不出来了。Vue发展了很久,很多fix和feature的增加让内部源码越来越庞大,太多的边界情况和优化设计掩盖了原本精简的代码设计,让新手阅读源码变得越来越困难,但是面试的时候,Vue的响应式原理几乎成了Vue技术栈的 ......
118
0
0
2024-05-12
Vue-Element-Admin使用本篇为Vue-element-admin开源框架的使用,用于使用该框架的一些方法和注意点布局解析vue-admin布局主要依赖三大块,Layout、app-main、router-viewLayoutvue-element-admin 中大部分页面都是基于这个 layout 的,除了个别页面如:login , 404, ......
124
0
0
2024-05-09
前言大家好,我是腾讯云开发者社区的 Front_Yue,本篇文章将带领大家探讨如何使用 Vue 插槽,以及最佳实践。Vue 是一款非常流行的前端框架,它提供了很多方便的功能,其中之一就是插槽。插槽是一种非常灵活的方式,可以帮助我们提高组件的复用性。一、什么是插槽插槽是一种 Vue 组件的特殊属性,它可以让我们在组件中插入任意内容。插槽可以让我们在组件中定义一 ......
132
0
0
2024-05-07
可以将 slot 理解成一个占位的东西,我们提前在模板中放置一个占位的标记,当其他地方要使用模板时就可以通过标记再传进来具体的内容,这样就可以实现更强的复用能力。 slotslot 在英语中作为名词时表示:(可投入东西的)狭长孔,狭槽;(在一系列事件中为某事安排的)时间,空档;(组织、团体等中的)位置,职位。在 vue 中翻译成插槽:vue 实现了一套内容分 ......
140
0
0
2024-05-06
Vue3 相比较于 Vue2 的主要区别包括:性能:Vue3 相对于 Vue2 在性能上有所提升,这得益于其采用新的渲染引擎,使得在大型应用程序中运行得更快。语法:Vue3 采用了更简单的语法,并移除了一些 Vue2 中的不常用功能,使得代码更容易维护和阅读。设计:Vue3 采用了更加模块化的设计,把各个组件的功能分离开,使得应用程序更加灵活和可扩展。Typ ......
233
0
0
2024-04-16
背景:在项目里面写一个公共的方法,只要有需要的table的column需要变色就直接调用这个方法就好了,不需要在自己的子页面写方法。 如下图,写一个column变色的公共方法。源代码:下面的源代码将以上面背景需求为例子进行展示 在Vuex/modules文件夹下面写:action.jsimport * as types from './types.js'; ......
216
0
0
2024-04-16
1.分析:什么时候要写组件呢? 举例如下图,一个页面中被反复引用的东西,可以将它提取出来写成一个组件。2.组件怎么写? 1.poolicy.vue文件(主页) 在首页导入写的子组件 注意:写js要记得写唯一标识name,vue里面的view也是加唯一标识类名。<template> <view class="Policy-page"&g ......
234
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 ......
143
0
0
2024-04-15
1.vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式, 采用集中式存储管理应用的所有组件的状态,解决多组件数据通信。要点:vue官方搭配,专属使用 (类似于:vue-router),有专门的调试工具 集中式管理数据状态方案 (操作更简洁)data() { return { 数据, 状态 }} 数据变化是可预测的 (响应式)使用Vu ......
159
0
0
2024-04-15
本文我们来介绍下Vue中的父子组件的传值问题。 Vue父子组件传值父组件传值给子组件1.案例场景 我们先准备下基础页面,具体如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-"> <meta name=" ......
197
0
0
2024-03-28
前面给大家介绍了动画的基本使用,本文我们来实现一个动画的简单案例,效果如下 在这里插入图片描述 Vue动画案例1.基础页面 最基础的页面如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-"> <met ......
185
0
0
2024-03-24