【Vue】深入剖析：Vue核心之虚拟DOM

转载：https://www.cnblogs.com/caihongmin/p/17510878.html前言使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时间，进行 Vue 框架相关技术原理和 Vue 框架的具体实现的整理。如果你对 Vue 的实现原理很感兴趣，那么就

发表于：2024-05-25 浏览：280 TAG：

【Vue】vue怎么转换时间格式

在 Vue.js 中，使用过滤器是一种转换时间格式的便捷方式。以下是如何完成此操作：使用 moment.js 库：安装 moment.js 库：npm install --save moment在 Vue 组件中导入 moment.js：import moment from 'moment'使用 moment.js 的 format 方法转换时间格式：const formattedTime = moment(timestamp).format(&#3

发表于：2024-05-19 浏览：276 TAG：

【Vue】如何在 Vue 中直接引入 JS 文件

直接在 Vue 组件中引入外部 JS 文件有以下步骤：1. 在 <script> 标签中引入 JS 文件</script><script> // 直接导入 JS 文件 import myModule from '@/path/to/myModule.js'; // 使用导入的模块 console.log(myModule.someFunction()); </scri

发表于：2024-05-19 浏览：232 TAG：

【Vue】Vue 前后端分离部署方案

方案 1：Docker创建两个 Docker 容器，一个用于后端，一个用于前端。在后端容器中运行 API 代码。在前端容器中运行 Vue 应用程序并将其打包为静态文件（如 HTML、CSS 和 JS）。方案 2：Nginx 代理安装 Nginx Web 服务器作为反向代理。将后端 API 路由到 Nginx。Nginx 将前端静态文件提供给客户端。方案 3：Node Express使用 Node Express 作为后端框架，它可以将静态文件与 API 路由一起托管。在 Express 应用程序

发表于：2024-05-19 浏览：247 TAG：

【Vue】vue中destroy应用于什么场景

vue 中 destroy 方法用于销毁 vue 实例，释放其资源，应用场景有：组件销毁；页面路由切换；手动释放资源；避免内存泄漏。Vue 中 destroy 的应用场景Vue 中的 destroy 方法用于销毁一个 Vue 实例，释放其占用的资源。以下是一些常见的 destroy 应用场景：1. 组件销毁当一个组件不再需要时，可以使用 destroy 方法将其销毁，例如：this.$destroy();登录后复制2. 页面路由切换当页面路由切换时，旧的 Vue 实例需要被销毁，以释放其资源。可

发表于：2024-05-16 浏览：248 TAG：

【Vue】vue中sync作用

vue 中的 sync 修饰符用于在父组件和子组件之间实现双向数据绑定。它通过生成一个 v-model 指令，将子组件的 prop 与父组件的 prop 绑定在一起，从而实现数据同步。用法如下：1. 在子组件中使用 v-bind:prop.sync="parentprop"，其中 prop 是子组件的 prop 名称，parentprop 是父组件绑定的 prop 名称。Vue 中 sync 作用在 Vue 中，sync 修饰符是一种特殊的语法糖，它允许在父组件和子组件之间进

发表于：2024-05-16 浏览：235 TAG：

【Vue】vue中哪些属性可以写异步方法

vue 中可以利用 methods 和 computed 属性定义异步方法。methods: 1. 定义异步方法，使用 async/await 处理异步请求。2. 返回一个 promise 对象。computed: 1. 定义异步计算属性，使用 async/await 处理异步请求。2. 返回派生数据的 promise 对象。Vue 中支持异步方法的属性在 Vue 中，可以使用 methods 和 computed 属性来定义异步方法。methodsmethods 属性中定义的方法可以包含异步操

发表于：2024-05-16 浏览：206 TAG：

【Vue】Antd Pro Vue的使用（十二） —— 菜单选中高亮显示问题

Antd Pro Vue2这套框架的路由菜单有两个问题，1、页面迁移子页面，父页面对应的菜单未能选中高亮显示2、登录后默认的菜单或页面刷新后原来的菜单未选中高亮显示网上查到的一些菜单配置都是新版本的，老版本并不支持这些方法，这里总结一下我的解决方法，如果大家有更好的解决方案，欢迎交流。一、解决第一个问题以我的菜单为例商品列表是菜单页面，添加编辑商品是隐藏菜单，我把他们做成了兄弟菜单，而不是子菜单/src/config/router.config.js配置如下然后再/src/layouts/Bas

发表于：2024-05-14 浏览：260 TAG：

【Vue】vue中的$set的作用

$set 的作用是响应式地设置对象或数组的属性，确保更改被 vue.js 追踪和更新，从而触发视图重新渲染。其用法包括：vue.set(target, key, value)，适用于直接赋值不起作用、添加或删除对象或数组属性的情况。Vue.js 中 $set 的作用$set 是 Vue.js 中一个用于响应式地设置对象或数组属性的函数。它的主要作用是确保对对象或数组的更改能够被 Vue.js 追踪和更新，从而触发视图的重新渲染。如何使用 $set$set 函数有以下用法：Vue.set(targ

发表于：2024-05-13 浏览：247 TAG：

【Vue】vue通过class获取dom

其实就是操作 html 中的标签的一些能力　　我们可以操作哪些内容　　获取一个元素　　移除一个元素　　创建一个元素　　向页面里面添加一个元素　　给元素绑定一些事件　　获取元素的属性给元素添加一些 css 样式　　...　　DOM 的核心对象就是 docuemnt 对象　　document 对象是浏览器内置的一个对象，里面存储着专门用来操作元素的各种方法　　DOM： 页面中的标签，我们通过 js 获取到以后，就把这个对象叫做 DOM 对象获取一个元素通过 js 代码来获取页面中的标签获取到以后我们

发表于：2024-05-12 浏览：288 TAG：