大小 模板vue
解决vue-router在3级路由keep-alive后组件加载多次方法
问题 连续两天遇到keepalive问题，第一个问题是三级路由嵌套router-view没法缓存问题，第二个问题是使用keepalive导致组件渲染两次问题，深坑。。。 官方bug 解决思路 引入routerHelper，createRouter时三级路由提升为两层 import { deepClo ......
自用模板
```cpp #pragma GCC optimize(2) #include #include #include #include #include #include #include #include #include #include using namespace std; using na ......
小米商城模板作业
作业样式要求： 作业代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t ......
18：vue3 异步加载
在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： 1 <template> 2 <h3>异步加载</h3> 3 <KeepAlive> 4 <component :is="tabCompon ......
17：vue3 组件保持存活状态
<KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 1、不使用KeepAlive，组件不保持存活，验证如下： A组件 1 <template> 2 <h3>ComponentA</h3> 3 <p>{{ message }}</p> 4 <button @c ......
vue2基础 入门vue2
# vue基础 - vue项目搭建 - vue单文件组件 - mustach表达式 - vue指令 - methods方法 - filters过滤器 - computed计算属性 - watch监听器 - vue组件 - vue-router 路由 - vue生命周期 - vue组件通信 - slo ......
vue自学总结
一、先安装node.js，安装之后需配制环境变量，否则运行npm命令时会导致该命令不存在的情况 查看版本:node -v 二、安装vue npm install -g vue-cli 安装vue2脚手架npm install -g @vue/cli 安装vue3脚手架npm uninstall -g ......
16：vue3 动态组件
1 <template> 2 <h3>动态组件(A、B两个组件动态切换)</h3> 3 <component :is="tabComponent"></component> 4 <button @click="changeHandle">切换组件</button> 5 </template> 6 7 ......
基于python的租房网站-房屋出租租赁系统（python+django+vue）
该项目是基于python/django/vue开发的房屋租赁系统/租房平台，作为本学期的课程作业作品。欢迎大家提出宝贵建议。 ### 功能介绍 平台采用B/S结构，后端采用主流的Python+Django进行开发，前端采用主流的Vue.js进行开发。 整个平台包括前台和后台两个部分。 - 前台功能包 ......
基于python的视频点播网站（python+django+vue开发的视频点播网站-视频管理系统）
### 演示地址 前台地址： http://video.gitapp.cn 后台地址：http://video.gitapp.cn/admin 后台管理帐号： 用户名：admin123 密码：admin123 ### 源码地址 https://github.com/geeeeeeeek/python ......
Vue3.2项目构架之unplugin-auto-import自动引入
vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦，可以通过unplugin-auto-import给我们自动引入 1、安装 npm i -D unplugin-auto-import 2、在vite.config.ts中引入 import AutoImport from 'un ......
vue给某一个页面背景色改变
最简单的方法 export default { name: 'your name', beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy ......
15：vue3 组件生命周期函数应用
1 <template> 2 <h3>组件生命周期函数应用</h3> 3 <!--验证Dom结构加载时机--> 4 <p ref="name">我的内容</p> 5 <!--模拟网络加载数据--> 6 <ul> 7 <li v-for="(item,index) in banner" :key="i ......
vue安装配置
vue安装配置 一、下载Node.js,去中文官网http://nodejs.cn/download/下载 二、安装Node.js 安装完后在cmd中执行 node -v 查看版本 安装完后在cmd中执行 npm -v 三、配置npm的全局模块的存放路径以及缓存的路径 在node.js的安装目录下新 ......
Vue异步组件与Suspense
### 异步组件 #### 什么是异步组件 在Vue中，当我们注册全局或局部组件时，它们都是同步地被“立即解析并加载”的。这意味着在我们的程序初始化时，所有组件都会通过网络被下载到内存中，并且在内存中占用一定的资源。预加载所有组件会将页面的初始加载时间和性能降低，尤其是在移动设备上。为了避免这种情况 ......
88.为什么模板类一般都是放在一个h文件中
# 88.为什么模板类一般都是放在一个h文件中 1.模板定义很特殊。由template处理的任何东西都意味着编译器在当时不为它分配存储空间，它一直处于等待状态直到被一个模板实例告知。在编译器和连接器的某一处，有一机制能去掉指定模板的多重定义。 所以为了容易使用，几乎总是在头文件中放置全部的模板声明和 ......
业务系统常规部署交接模板
# 1 总体情况 | ip | 应用 | | | | | 192.168.1.1 | 前端1 | | 192.168.1.2 | 后端1 | | ... | ... | ## 1.1 前端1 ``` # 1. 进程查看 # 2. 服务路径以及启停 # 3. 版本更新 # 4. 日志查看 # 5. 配 ......
VUE基础-条件渲染
使用 v-if 指令来有条件地渲染元素： 也可以使用 v-else 和 v-else-if 来表示其他的条件分支： 完整示例： ``` toggle {{awesome}} Yeah Yeah Oh no 😢 ``` ......
VUE基础-表单绑定
我们同时使用v-bind 和 v-on 来在表单的输入元素上创建双向绑定： 完整示例如下： ``` {{ text }} ``` 为了简化双向绑定，Vue 提供了一个 v-model 指令，它实际上是上述操作的语法糖： `````` v-model 会将被绑定的值与 ` `的值自动同步，这样我们就不 ......
根据模板动态生成word（三）使用poi-tl生成word
poi-tl是一个基于Apache POI的Word模板引擎，也是一个免费开源的Java类库。同类型的FreeMarker或Velocity基于文本模板和数据生成新的html页面或配置文件。而poi tl是一个基于Word模板和数据生成新文档的Word模板引擎。Word模板具有丰富的样式。Poi-t... ......
在VUE中使用vue-baidu-map获取经纬度和搜索地址
在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经纬度 基于 Vue.js 封装的百度地图组件，运行流畅，代码简单易懂，几乎包含了百度地图官方的所有API，文档地址:https://dafrok.github.io/vue-baidu ......
VUE基础03-事件监听
##事件监听 使用`v-on`指令监听DOM事件： ```{{ count }}``` 因为其经常使用，`v-on` 也有一个简写语法： ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` ......
VUE基础02-熟悉绑定
## attribute绑定 vue中为了给属性绑定一个动态值，需要使用v-bind指令： `````` 指令是由 v- 开头的一种特殊 attribute。 冒号后面的部分 (:id) 是指令的“参数”。此处，元素的 id attribute 将与组件状态里的 dynamicId 属性保持同步。 ......
VUE基础01-响应式
## SFC（Single-File Component，缩写为 SFC） SFC 是一种可复用的代码组织形式，它将从属于同一个组件的 HTML、CSS 和 JavaScript 封装在使用 .vue 后缀的文件中。 ## 响应式 ### reactive() reactive() 只适用于对象 ( ......
【模板】并查集
# 简介 ## 并查集是什么 **并查集**，在一些有*N*个元素的集合应用问题中，我们通常是在开始时让每个元素构成一个单元素的集合，然后按一定顺序将属于同一组的元素所在的集合合并，其间要反复查找一个元素在哪个集合中。 **并查集**其实就是一个树，如果要合并的话就将其中一个的根节点连接到另外一个的 ......
Vue 学习 day1
摘要： 我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。 应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。 .mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方 ......
Vue3+.net6.0 四 计算属性 computed
跟Vue2一样，我们在工作中使用data中的属性时，很多时候不是直接拿来用，而是要经过一些计算，判断，筛选的过程。 比如一个数组，我们可能在使用前要判断 有没有元素，是否包含某个元素，然后根据不同的情况有不同的展示方式，这些如果都写在html部分，会非常不好阅读，如果多个地方要做类似的判断，则会大大 ......
vue3中父组件与组件之间参数传递，使用(defineProps/defineEmits)，涉及属性传递，对象传递，数组传递，以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区：字符型：{{ fatherMe ......