vue特性vue3
vue3
1、ref 深拷贝 视图层更新不改变源数据 const num = 1 const refNum = ref(num) const click = ()=>{ refNum++ //refNum 已经改变了，但原数据num不变 } 2、toRef 源数据改变不更新视图 ......
Vue3中使用TypeScript封装axios遇到的问题(AxiosRequestConfig)
>如果您有更好的解决方法，欢迎评论区评论。 ### 版本 ~~~ "dependencies": { "axios": "^1.0.0", "vant": "^4.6.3", "vue": "^3.3.4", "vue-router": "^4.2.4", "vuex": "^4.1.0" }, " ......
vue 默认页面无法打开
默认打开的界面是白色的，需要输入正确的路由才能访问正确的页面。 router的index.ts（js）文件中设置路由规则,例如我们默认打开index页面，我们只需要设置routes： const routes = [ { path:"/", name:"brx", redirect:'/index' ......
Vue2 响应式原理小结
为了面试讲Vu2响应式的时候更顺利点，我想在需要提前准备一下： Vue2.5.17 的源码 export class Observer { value: any; dep: Dep; vmCount: number; // number of vms that has this object as ......
citus 12 新特性
就在最近citus 发布了12 版本 主要包含的新特性 基于schema 的分片（对于一些saas ，面向微服务以及垂直拆分场景比较有用） 基于租户的监控，核心还是对于schema 拆分场景的 merge 支持 基于磁盘大小的rebalance 说明 基于schema 的分片是一个很不错的功能，但是 ......
vue移动端适配
1.安装 npm add postcss-pxtorem@5.1.1 amfe-flexible -S amfe-flexible是可配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 postcss-pxtorem是postcss的插件，用于将像素单位生成rem单位。 2.在vue ......
vue中ref和reactive的区别
在 Vue 3 中，`ref` 和 `reactive` 是两种不同的响应式数据处理函数，它们有以下区别： 1. **处理的数据类型**： - `ref`：`ref` 函数用于处理基本数据类型，如数字、字符串、布尔值等。它可以将基本类型数据包装成一个响应式的引用，使其在模板中能够自动追踪变化。 - ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
使用vue制作一个聊天框
使用 Vue 制作的简单聊天框： <template> <div class="chat-box"> <div class="message-list"> <div class="message" v-for="(message, index) in messages" :key="index"> ......
vue2遇到的一些错误
一、VUE中的VUEX如何调用modules里面的mutations和state ...mapMutations("workflow",['setApproverConfig', 'setApprover']), 二、Non-nested routes must include a leading ......
4.JAVA的特性和优势
# 4.JAVA的特性和优势 跨平台/可移植性 这是Java的核心优势。Java在设计时就很注重移植和跨平台性。比如：Java的int永远都是32位。不像C++可能是16，32，可能是根据编译器厂商规定的变化。这样的话程序的移植就会非常麻烦。 安全性 Java适合于网络/分布式环境，为了 ......
Vue第一季
# 001.**Vue核心 Vue简介 初识** ## 1.1. Vue 简介 ### 1.1.1. 官网 ● [英文官网](https://vuejs.org/) ● [中文官网](https://cn.vuejs.org/) ### 1.1.2. 介绍与描述 ●Vue 是一套用来动态构建用户界面 ......
vue 项目创建流程·
在要创建的vue项目的文件夹中打开cmd 输入 vue ui 创建项目,输入项目名，包管理器选择 npm 手动配置，插件选择 router(是项目需要界面切换的路由),vue版本是选择2，语法检测规范选择第一个创建不保存模板 ......
Vue2.6.11+electron13.0.0在渲染进程中使用remote，报错：“TypeError: fs.existsSync is not a function
 * https://blog.csdn.net/weixin_38742935/article/details/119 ......
关于vue element-admin 切换tag， 页面刷新 以及内存增加不释放问题
1：切换tag，页面刷新， 检查了路由， 配置了 nocache：false, 以及 isKeep:true， 但是在页面tag切换时，还是会刷新，， 在生命周期中打印， 发现能够打印，， 检查了代码，在组件引用中未发现v-if的使用， 最后竟查找，借鉴 https://blog.csdn.net/ ......
Vue
# Vue # 概述 Vue是一套用于构建用户界面的**渐进式框架**，发布于2014年2月。与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。**Vue的核心只关注视图层**，不仅易于上手，还便于第三方库。（如：vue-router,跳转，vue-resource,通信，vuex： ......
官网的VUE
看了官网之后，发现官网上以初学都不是太友好 但是对已经有一定基础的人来说是非常好了，建议初学者先去菜鸟那里对VUE有了初步了解，再去看官网的教程 官网的教程可以根据自己的喜好，选择相应的学习模式，然后进行学习， 目前我计划先把教程从头看一次,然后再看一下互动教程，以及官网的各种试例， 书读百遍，其意 ......
Vue 2 和 Vue 3 中 toRefs的区别
摘要：本文将介绍 Vue 2 和 Vue 3 中 `toRefs` 函数的不同用法和行为，并解释其在各个版本中的作用。 正文： Vue 是一款流行的 JavaScript 框架，用于构建用户界面。在 Vue 2 和 Vue 3 中，都存在一个名为 `toRefs` 的函数，但其行为在这两个版本中有所 ......
Vue3 里 script 的三种写法
一、Vue3 里 script 的三种写法 首先，Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。因此 Vue3 的 script 现在支持三种写法， 1、最基本的 Vue2 写法 html复制代码<template> <div>{{ count }}</d ......
【技术实战】Vue技术实战【五】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢 ......
vue-cli3.0 项目无法通过ip访问
第一: 在 package.json 中添加 -- host 0.0.0.0 第二 ： 在 vue.config.js 中添加 host： 0.0.0.0 ......
vue3 TS vite element ali-oss使用方式
# vue3 TS vite element ali-oss使用方式 1. 安装ali-oss包 ```cmd npm i ali-oss -S ``` 2. 使用oss封装函数 ``` const OSS = require('ali-oss') // import Oss from 'ali-o ......
vue3单页面的写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ......
Vue3下的axios跨域问题
0、vue-cli版本 vue -V vue --version 1、根目录找vue.config.js，无则添加文件；然后添加节点： const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig ......
快速上手VUE：中文乱码问题解决
一、序 吾有一友，名为小帅。 某天早晨，我正学习、试用API，他路过： 小帅：“咱这皮毛都没的Chiglish水平，还写全英文的？中文整上啊！” 几分钟后，满屏乱码...... 我： 二、问题分析 按照经验，首先怀疑网页设置有问题，打开/public/index.html更改设置： 不出意外的出现意 ......
Vue3之ref取render形式组件jsx元素节点
### [2023 年 7 月 28 日 22:16:06] ## ref 取 render 方式组件节点 一开始注意到组件 setup 和 render 一起使用的情况，好奇怎么通过 ref 取到 render 中 jsx 里的节点，一开始试了以下的尝试，结果是 undefined 的： ```j ......
学习vue又一天
学习vue又一天，终于把样式、表单、等全部看完了，真的是很简单，都不知道怎么形容，可能是有一定基础的学习比较快吧， 然后看了axios ，感觉与Ajax 的差别不是太大，估计是没有太深入了解的原因，这块我先简单看了一下，然后等后面项目开始的时候再看 混合式api看了几次，说实话没看太明白，计划先略过 ......
vue3拖拽插件vue-draggable-next
- 基于sortablejs； npm地址：https://www.npmjs.com/package/vue-draggable-next 配置项：https://github.com/SortableJS/Sortable#options - ......
Vue3 组件通信方式
Vue3 组件通信方式 vue2 组件通信方式 一、props props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！ 不管是Vue2还是Vue3，props都是只读的 二、自定义事件 在vu ......