问题toref vue3 vue
【十一】Vue之Vue3
# 【一】Vue3的变化 ## 【1】性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 【2】源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 【3】拥抱Type ......
【2.0】Vue之引入
# 【一】Vue介绍 - Vue (读音 /vjuː/，类似于 view) 是一个渐进式JavaScript框架，用于构建用户界面。 - 它与其他大型框架的不同之处在于，Vue的设计理念是可以逐层应用的。 - Vue的核心库只关注视图层，这使得它不仅易于上手，还方便与第三方库或已有项目进行整合。 - ......
【3.0】Vue之语法
# 【一】插值语法 ```html Title {{s}} {{name}} ``` ```html Title 字符串：{{name}} 数字：{{age}} 数组：{{hobby}} >{{hobby[1]}} 对象：{{wife}} >{{wife['name']}} >{{wife.age} ......
【7.0】Vue之组件
# 【一】组件介绍 ## 【1】什么是组件 > - 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 > - 例如： > - 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html > - 组件把js，css，html放到一起，有逻辑，有样式，有html - 组件是在Web ......
【4.0】Vue之指令系统
# 【一】指令系统之文本指令(v-text/v-html) - 写在标签上，v-开头的 标签，称之为指令，每个指令都有特殊用途 > - v-指令名='写原来插值能写的东西' > - v-指令名='name' # 变量 - v-text - v-text 指令用于将变量的值渲染到标签的内部。 - 它会 ......
【6.0】Vue之生命周期函数
# 【一】Vue的生命周期 # 【1】详解 - Vue.js生命周期是指在Vue实例从创建到销毁的过程中，会经历一系列的钩子函数，这些钩子函数可以让我们在不同的阶段插入自定义的代码。 - Vue的生命周期分为三个主要阶段： - **创建阶段** - **更新阶段** - **销毁阶段**。 ## （ ......
【5.0】Vue之计算属性和监听属性
# 【一】计算属性 - [1]计算属性是通过依赖变量进行缓存的，这意味着计算属性会保存最近一次计算的结果，并且只有在相关的依赖变量发生改变时才会重新计算。 - [2]计算属性只有在其相关依赖变量发生改变时才会重新求值，这也是它与普通函数的一个主要区别。 - 与函数不同的是，计算属性只在需要的时候才进 ......
【七】Vue之Vue-cli
# 【一】Vue-CLI 项目搭建 # 【二】Vue-CLI 项目搭建参考步骤 - Vue-CLI（Vue Command Line Interface）是Vue.js官方提供的一个基于命令行的快速搭建Vue项目的工具。 - 它为我们创建一个Vue项目提供了简单易用的脚手架。 ## 【1】安装Nod ......
【六】Vue之组件
# 【一】组件化开发基础 ## 【1】组件是什么？有什么用？  > 组件就是：扩展 HTML 元素，`封装可重用的 ......
【八】Vue之插件
# 【一】项目功能插件 # 【二】vue-router ## 【1】详解 ### （1）介绍 - Vue Router是Vue.js官方提供的用于实现客户端路由的插件。 - 它允许您在单页面应用（SPA）中定义前端路由，以便根据不同的URL路径展示不同的组件内容，从而实现页面之间的切换和导航。 ## ......
【十】Vue之高级
# 【一】ref属性 ## 【1】详解 > - 被用来给元素或子组件注册引用信息（id的替代者） > - 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） - 在Vue中，$refs是一个特殊的属性，用于给元素或子组件注册引用信息。 - 它允许我们在模板或组件中通过 ......
【九】Vue之element UI
# 【一】热门组件库 - 在Vue生态系统中，有许多热门的组件库可供使用。 - 这些组件库提供了丰富的UI组件和工具，可以极大地提升开发效率。 - 以下是一些热门的Vue组件库： - Element UI： - Element UI是饿了么UED团队开发的一套PC端的UI框架。 - 它提供了许多常用 ......
【一】Vue之介绍
# 【一】前端的发展史 ## 【1】HTML、CSS、JavaScript： - 最初，前端主要是通过编写HTML（超文本标记语言）来构建静态网页。随后引入CSS（层叠样式表），使得网页能够实现更丰富的样式和布局。 - 而JavaScript成为了前端开发中的核心语言，通过JavaScript可以实 ......
【四】Vue之前后端交互及跨域问题
# 【一】跨域问题详解 ## 【1】详解 - 跨域问题指的是在Web开发中，当一个网页上的脚本试图访问不同源（协议、域名或端口不同）的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制，其目的是保护用户数据的安全。 - 根据同源策略，一个网页只能与同一来源的 ......
【二】Vue之基础
# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | v-if | 相当于： if | | v-else | 相当于：else | | v-else-if | 相当于：else if | - 在Vue中，条件渲染是一种根据特定条件决定是否显示或隐藏元素的方式。 - Vue提供了 ......
【三】Vue之后端交互
# 【一】与后端交互 - ajax ## 【1】版本1 - 出现了跨域问题 ### （1）前端：index.html ```html Vue与后端交互 - 出现了跨域问题 加载数据 ``` ### （2）后端：main.py ```python from flask import Flask # 这 ......
【五】Vue之生命周期钩子函数
# 【一】生命周期图 ## 【1】官网原图  ## 【2】我理解的图 ![](https://img2023.cn ......
vue表格分页以及增删改查的实际应用
效果： 1：表格以及分页 2：增加一条数据 3：删除一条数据 4：修改一条数据 5：查询一条数据 <template> <div class="tab-container"> <div class="filter-container" style="margin-bottom: 20px"> <el ......
vue--day55--vue 的$nextTick以及MyItem编辑框
1. 语法 this.$nextTick(回调函数) 2. 作用 在下一次DOM 更新结束后执行其指定的回调 3. 什么时间用 当改变数据后，要基于更新后新的DOM进行某些操作时，要在nextTick 所指定的回调函数中执行。 1. App.vue <template> <div id="root" ......
django之manage.py migrate无效的问题
### 问题 已有的model，迁移之后，想重新设置字段，于是将`migrations`文件夹中除`__init__.py`之外其他文件都删掉，并且把数据库中的表删除，再次执行以下步骤`python manage.py makemigrations`确认成功，执行`python manage.py ......
jenins字符集问题显示问题
jenkins 的字符集问题有操作系统字符引起的，也有jenkins服务自身问题引起的，大致就分为这两类 1. jenkins 的 执行shell中, 不能识别中文注释，这个是操作系统的字符集问题引起， 修改操作系统 /etc/locale.conf 文件 [root@jenkins ~]# cat ......
vue3快速上手
Vue3快速上手 [TOC]  编辑 ## 1.Vue3简介 - 2020年9月18 ......
replace方法解决全部替换的问题
replace函数一次只能替换一个目标字符串。 当需要替换多个相同目标时，可以配合while循环替换所有字符串 1.替换一个目标字符串 const prase = "一个中国北方的中国人在做中国结" const useReplace = prase.replace("中国", "") console ......
聊聊测试开发工程师的职责定位问题
 网上有人会把测开定位成为 **测试工具开发**，主要是开发自动化测试工具或平台，用以帮助手动验收的同学提升效率。存在即 ......
[Vue warn]: Property or method "todoName" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option,
## 错误原因 > 先上报错截图  报错翻译 ： ![](https://img2023.cnblogs.com/ ......
vue 开源项目 安装脚手架报错问题 ERESOLVE unable to resolve dependency tree
在安装项目依赖时，很大可能会遇到安装不成功的问题，其中有一个很大的原因，可能就是因为你的npm版本导致的 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。 --legacy-peer-d ......
解决 Dapper.Contrib 报错“值对于 Int32 太大或太小”问题
需求：在使用 Dapper.Contrib 执行 Insert 方法的时候，插入单条数据对于自增主键字段的返回值为插入后的值，当返回值大于 2147483647 的时候，Dapper.Contrib 会抛出异常“值对于 Int32 太大或太小”问题。使用 Dapper.Contrib 插入数据的时候 ......
CentOS8安装Docker报错问题解决
## 问题描述 CentOS版本：8.5.2111。 ```shell # cat /etc/redhat-release CentOS Linux release 8.5.2111 ``` 安装准备： ```shell # 安装所需软件包 sudo yum install -y yum-utils ......
美的（Midea）超声波清洗机 眼镜清洗机 超声波洗眼镜 首饰剃须刀手表假牙牙套化妆刷 洗眼镜机超声波 MXV-01 —— 工业设计上的重大问题分析
前段时间买了一个美的的超声波清洗机，就是那种超声波洗眼镜的那种，本着买个高档的可以分体的那种好清洗的原则，就在JD上千挑万选后买了下面的这个货： 链接地址： https://item.jd.com/100037217483.html 美的（Midea）超声波清洗机 眼镜清洗机 超声波洗眼镜 首饰剃须 ......