变量vue3 vue css
71-变量的作用域-全局变量-局部变量-栈帧内存分析讲解
帧就是看电影的时候，一咋眼一个帧，胶卷一样，这个也是一样 使用前必须要赋值，上面全局有a，你这局部再a，他就认为你这是一个局部变量，只是重名了 a=300是栈帧里的，而a=3是全局的，就像你班级里有个张伟，你学校里还有个，你肯定优先考虑你班级的 ......
Linux环境变量配置全攻略
Linux环境变量配置 在自定义安装软件的时候，经常需要配置环境变量，下面列举出各种对环境变量的配置方法。 下面所有例子的环境说明如下： 系统：Ubuntu 14.0 用户名：uusama 需要配置MySQL环境变量路径：/home/uusama/mysql/bin Linux读取环境变量 读取环境 ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
HTML+CSS学习笔记
HTML骨架：（VS Code 可以快速生成骨架：在 HTML 文件（.html）中，!（英文）配合 Enter / Tab 键） html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 常用标 ......
CSS重置样式
CSS重置样式，指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式，比如在某些浏览器里，<h1>标签的默认字体大小可能是32px，而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时，你将能够确保你的网页在所有浏览器中看起来更加一致。 下面是一个常见的CSS重 ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
css 中 color 和 background-color 怎么区分
在CSS中，color和background-color代表了两种不同的样式属性： color：此属性用于设置元素的前景色，即元素内文本的颜色。例如： p { color: red; } 这将使所有<p>标签（段落）内的文本颜色变为红色。 background-color：此属性用于设置元素的背景色 ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......
windows系统下python环境变量的设置
在Windows上设置Python的环境变量允许你在命令提示符（或PowerShell）中全局地运行Python和pip命令。以下是如何配置Python的环境变量的步骤： 安装Python: 当你从Python的官方网站下载并安装Python时，安装程序提供了一个选项“Add Python to P ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用：让不展示的路由组件保持挂载，不被销毁。 2. 具体编码： ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
vue--day86--编程式路由导航
1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活 2. 具体编码： ```js //$router的两个API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) thi ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
vue-router 编程式导航
导航到不同的位置 注意：在 Vue 实例中，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。 想要导航到不同的 URL，可以使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前 ......
vue--day85--<router-link>```的replace属性
1. 作用：控制路由跳转时操作浏览器历史记录的模式 2. 浏览器的历史记录有两种写入方式：分别为```push```和```replace```，```push```是追加历史记录，```replace```是替换当前记录。路由跳转时候默认为```push``` 3. 如何开启```replace` ......
vue--day84---路由的props配置
### 7.路由的props配置 作用：让路由组件更方便的收到参数 ```js { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给D ......
变量and输入输出
变量and输出 概念：变量，本质上是一个装东西的盒子，而且只能装一个值 一、 1.变量的命名规则 变量的名字由字母，数字，下划线_组成，不能以数字开头，不能以关键字命名，且区分大小写 变量的定义 格式：变量名 = 值 = 赋值符号 ==等于 a=1 b=2.1 c='hhh' 3.变量的类型 str ......
Vue响应式原理
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
一文带你弄懂 CSS 布局知识
大家好，我是树哥。 最近想着学习点前端知识，于是就学习了关于 Web 前端的布局知识，其实就是 CSS 那些事。关于 CSS 其实很早就接触过了，但一直没有沉下心来去学习，所以对于 CSS 布局的东西一直都不成体系。这次趁着重学前端，真正花时间学了一下 CSS 布局的知识点，顺带把知识点总结一下。 ......
Bash-变量（自定义/预定义/环境/位置参数）
变量设置规则 变量名称可由字母、数字和下划线组成，但不能以数字开头（与python命名规则一致） Bash中，变量的默认类型都是字符串型，如果要数值运算，则必须指定变量为数值型 变量由 = 连接值，等号左右两侧不能为空 变量的值如果有空格，需要用单引号或双引号包含 变量的值可以使用'\'转义符 如果 ......
Vue2开发笔记
目录Vue 组件化开发笔记环境安装生命周期Vue2笔记CSS局部生效组件自定义事件全局事件总线1. Vue 原型对象上包含事件处理的方法2. 所有组件实例对象的原型对象的原型对象就是 Vue 的原型对象3. 全局事件总线4. 全局事件总线操作5. 消息订阅与发布$nextTick过渡动画1. 用tr ......
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五：自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......
Vue源码学习(五):<templete>渲染第四步,生成虚拟dom并将其转换为真实dom
好家伙， 前情提要： 在上一篇我们已经成功将ast语法树转换为渲染函数 现在我们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我解释给你听一万遍 新增文件：vnode/index.js vnode/p ......
spring依赖注入单例模式下（默认都是单例），类变量（实例变量）线程安全问题
java变量是程序中最基本的存储单元，其要素包括变量名，变量类型和作用域。Java的变量类型有： 成员变量类中的变量（独立于方法之外的变量） 局部变量类的方法中的变量。而 java类的成员变量又有俩种： 静态变量（类变量）： 独立于方法之外的变量，用 static 修饰。 实例变量： 独立于方法之外 ......