大小 模板vue
【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之基础
# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | 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】详解 - 跨域问题指的是在Web开发中，当一个网页上的脚本试图访问不同源（协议、域名或端口不同）的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制，其目的是保护用户数据的安全。 - 根据同源策略，一个网页只能与同一来源的 ......
vue表格分页以及增删改查的实际应用
效果： 1：表格以及分页 2：增加一条数据 3：删除一条数据 4：修改一条数据 5：查询一条数据 <template> <div class="tab-container"> <div class="filter-container" style="margin-bottom: 20px"> <el ......
【模板】线段树
# 引入 ## 题目描述 给定$n$个数$a[1],a[2],a[3]...a[n]$,现在又下面两种操作： 1.询问区间$[x,y]$的和，并输出。 2.将下标为$x$的数增加$val$。 一共$x$此操作 $1\le n,m\le 100000$，保证在$int$范围内。 ### 方法一：暴力枚 ......
vue--day55--vue 的$nextTick以及MyItem编辑框
1. 语法 this.$nextTick(回调函数) 2. 作用 在下一次DOM 更新结束后执行其指定的回调 3. 什么时间用 当改变数据后，要基于更新后新的DOM进行某些操作时，要在nextTick 所指定的回调函数中执行。 1. App.vue <template> <div id="root" ......
[Unity]URP HLSL Shader自用模板
Shader "URP/falushan" { Properties //着色器的输入 { _BaseMap ("Texture", 2D) = "white" {} } SubShader { Tags { "RenderType"="Opaque" "RenderPipeLine"="Unive ......
vue3快速上手
Vue3快速上手 [TOC]  编辑 ## 1.Vue3简介 - 2020年9月18 ......
【JavaScript09】模板字符串(Template Strings)
## 前言 - JavaScript 在ES6 新增了模板字符串（Template Strings）语法，其作用是可以在字符串中换行，以及将变量和表达式插入字符串。 ## 模板字符串 - 模板字面量使用反引号 (``) 而不是单引号 ('') 或双引号 ("") 来定义字符串 - 示例： ``` l ......
[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 ......
vue-table-width-grid 以及axios下载时报错
import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' // 导入字体图标 import './assets/fonts/iconfont. ......
vue3工程创建
一.两种创建方式（vue-cli与vite） 1.vue-cli创建（构建工具是webpack） 打开cmd 运行命令 vue -V 检查vue-cli版本要在4.5以上。 cd desktop 进入桌面 创建一个文件夹 vue create vue3lx 此时创建成功。y 2.运用vite创建（新 ......
C++_函数模板
函数模板》是不进行编译的，因为类型还不知道 模板的实例化》函数调用点进行实例化：在函数调用点，编译器用用户指定的类型，从原模板实例化一份函数代码出来 模板函数》才是要被编译器所编译的 模板类型参数 typename/class 模板非类型参数 模板的实参推演》可以根据用户传入的实参的类型，来推导出模 ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十一>--文档管理功能开发三
文档内容的显示： 在上一次https://www.cnblogs.com/webor2006/p/17510360.html文档管理模块还差文档的显示木有完成，所以接下来先将这块模块给收尾了。 增加单独获取内容的接口： 概述： 在前端页面文档查询时，只查询了文档的基本信息，其中文档的富文本内容是木有 ......
vue过度动画
要过度的元素需要有v-if或者v-show,用transition包裹 <transition name="sort"> <div class="sort" v-show="show"> <div class="all-sort-list2" @click="goSearch"> <div clas ......
Vue 报错error:0308010C:digital envelope routines::unsupported
package.json增加配置 "scripts": { "serve": "set NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" }, 原文链接：h ......
Vue3 自定义组件使用v-model
Vue 的数据流传递是单向的，也就说数据只能由父组件通过`props`传递给子组件，子组件无法修改父组件传过来的状态，这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件，就需要使用 Vue 提供的事件机 ......
vue2 下载包版本冲突
安装vuex: npm install vuex --save 报错：npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree........................... 2022年2月7日，vue ......