样式 组件scoped vue
vue中ref的用法
1，可以引用元素，通过this.$refs.domxx直接操作元素。 <div ref="domxx"></div> methods: { getxx() { console.log(this.$refs.domxx) // 访问DOM元素 } } 2,可以绑定组件实例，访问组件的属性和方法； 参考 ......
vue 父向子通过props 传递一个function报未定义
解决方法： 参考资料： https://cloud.tencent.com/developer/ask/sof/523570来自为知笔记(Wiz) ......
Cilium 系列-3-Cilium 的基本组件和重要概念
## 系列文章 * [Cilium 系列文章](https://ewhisper.cn/tags/Cilium/) ## 前言 安装完了，我们看看 Cilium 有哪些组件和重要概念。 ## Cilium 组件 如上所述，安装 Cilium 时，会安装几个运行组件（有些是可选组件）, 它们各是什么用 ......
一个nginx + vue下二级路径版本化方案
过程说明： 1、arg_appver表示读取url上appver参数 2、对appver参数做变量映射得到alias_party1_test 路径。具体条件：没有指定参数的话（即""）指向2.8.0版本化文件夹；默认的话（即default）则指向动态拼接的路径 3、第2点里面动态拼接如果不需要版本化 ......
vue实战项目1
title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天，尚硅谷实战课程尚品汇项目。 项目开始，主要做的是配置环境和开始开发。今天配置了项目的脚 ......
vue--day43--浏览器本地存储
1.localeStroage.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale ......
【技术实战】Vue技术实战【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue--day42--todolist
1. 安装 npm i nanoid mdn 数组的方法 typora 安装 2. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲 ......
图解 Vue 响应式原理
- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解，本文将从以下两个方面进行探索： - 从 Vue 初始化，到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改，到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始： """ {{ message }} ......
Unity3D 使用带刚体组件的预制体配合脚本自动生成一面墙时上层墙体被弹飞
异常效果如下图所示： 预制体是一个正方体(Cube)，其参数设置如下图所示： 控制墙面生成的C#脚本如下所示： using System.Collections; using System.Collections.Generic; using UnityEngine; public class Wa ......
SpringBoot自动化装配中，如何解决组件装配顺序
SpringBoot自动化装配中，如果有两个AutoConfiguration，A依赖B，这时ConditionalOnBean如何保证顺序使需要的Bean会提前加载 使用@AutoConfigureAfter, 当几个组件加载完成后，再加载当前组件，如：Nacos服务注册自动配置类加载前需要加载： ......
vue--dat41--scoped作用域
1. scoped 样式 作用： 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
vue--day40--plugins插件
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
vue--day39--mixin混合
组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码，如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......
vue 学习第1天
vue的特点: 1.采用组件化模式，提高代码复用率，且让代码更好维护，一个模块可以封装组件 2.声明式编码，提高开发效率，心有林夕，标签+for循环，而不是一步步去写 3.虚拟dom,相当于后端的缓存 脚手架的文件的格式 1: vue-cli 脚手架初始化项目 2: node + webpack + ......
【技术积累】Vue中的核心知识【三】
this关键字 在Vue中，this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中，this指向当前组件实例，可以通过this访问组件的属性和方法。例如，可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
vue中router与route区别
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo ......
vue中query和params的区别是什么
区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......
css案例-样式初始化
* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......
2023年最新50道Vue全套vue2+vue3面试题带答案汇总
# 此文章不断更新，欢迎大家在评论区补充 ## 1.什么是MVVM?  M - Model 数据：它是与应用程序的 ......
pom.xml中的<scope></scope>标签详解
1、scope标签的值的种类：1、compile：默认值，可省略不写。此值表示该依赖需要参与到项目的编译、测试以及运行周期中，打包时也要包含进去。2、test：该依赖仅仅参与测试相关的工作，包括测试代码的编译和执行，不会被打包，例如：junit。3、runtime：该依赖项目无需参与项目的编译，不过 ......
Unity UGUI的RectMask2D（2D遮罩）组件的介绍及使用
# Unity UGUI的RectMask2D（2D遮罩）组件的介绍及使用 ## 1. 什么是RectMask2D组件？ RectMask2D是Unity UGUI中的一个组件，用于实现2D遮罩效果。它可以限制子对象在指定的矩形区域内显示，超出区域的部分将被遮罩隐藏。 ## 2. RectMask2 ......
Unity UGUI的LayoutElement（布局元素）组件的介绍及使用
# Unity UGUI的LayoutElement（布局元素）组件的介绍及使用 ## 1. 什么是LayoutElement组件？ LayoutElement是Unity UGUI中的一个布局元素组件，用于控制UI元素在布局中的大小和位置。它可以用于自动调整UI元素的大小，以适应不同的屏幕分辨率和 ......
vue实时监听input输入框中 输入内容
参考：https://blog.csdn.net/qq_38215042/article/details/106709153?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault% ......
单页html+vue3+element-plus+axios
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
表单样式问题
表单：属于行内块 标准盒子模型 内边距和边框会把各盒子撑大 怪异个桌子模型/ 内边距和边框不会把quchu 去除焦点为问题 关于输入框瀚航的问题 表单继承文本属性 下拉菜单 ......
样式表的创建
css 层叠样式表 css2.0 3.0 样式表 1 行内样式 直接在标签上写属性 style=“属性: 属性值；” 2 内部样式 在头部添加style标签 选择器{属性: 属性值；} 3 外部样式的引入 4 外部样式导入 css语法： 属性：属性值； 选择器 标签对象 ** 对谁进项样式的修改 标 ......
vue 上传图片到腾讯云对象存储
今天最大的收获是知道了不仅springboot后端上传文件到腾讯云，也可以前端直接上传到腾讯云。 vue+element-ui就可以，具体教程如下：(48条消息) vue 上传图片到腾讯云对象存储_vue3 腾讯云上传_＊且听风吟的博客-CSDN博客 ......
vue-day37--修改默认配置
1. vue脚手架文件结构 2. 不同的版本vue 3. 修改默认配置 修改默认配置 1. 查看脚手架的默认配置 vue inspect >output.js 2. 为什么 main.js 是入口文件，index.html 是首页 调整 vue.config.js ......