vue源码 周期 生命
报错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 ......
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>总括起来： ......
springbean生命周期
B站连接 https://www.bilibili.com/video/BV12a411r75X/?spm_id_from=333.337.search-card.all.click&vd_source=f0f7ef36d638628b3ab7a240c872017d ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......
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 ......
Vue响应式原理
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
阅读源码主题学习(I)
一个程序员的技术水平的高低，是看他做过多少系统，更重要是看他踩过多少坑。 阅读源码有哪些坑？ 源码阅读最难的不是代码本身，也不是理解其设计理念，而是坚持！ 职场小人开始说话了： 1.工作中用的技术不需要阅读源码，在开发过程中熟练运用就行； 2.看源码太费时间，而且容易忘记，实际使用中遇到问题去做针对 ......
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绑定组件 ......
《Python从入门到实战》-源码篇-pyspider
pyspider是什么？ PySpider是一个开源的网络爬虫框架，使用Python语言编写。高效、易用、可扩展等特点，可以帮助用户快速地开发出高效的网络爬虫程序。 PySpider支持多线程、分布式、异步IO等技术，可以处理大规模的数据爬取任务。同时，PySpider还提供了Web界面，方便用户进 ......
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 ......
Linux安装git(源码)
⽅法⼀：通过包管理器安装 在 Linux 上安装 Git 向来仅需⼀⾏命令,对于CentOS系统来说,因为拥有包管理器,直接执行如下命令即可安装: yum install git 当然通过这种⽅式安装的 Git 可能不是较新版的 Git ，以实验环境 CentOS 7.4 来说，这种⽅式安装的 Gi ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
OpenWrt源码编译新增项
OpenWrt源码编译新增项 基于源码编译的openwrt，因为默认不是release版本，因此会砍掉一些东西。 为了方便使用，自己经常会新增某些package，这里记录一些常用的package。 luci. LuCI interface with Uhttpd as Webserver (defa ......
vue前后端分离项目中，对于空字符串转可空类型出错的解决办法
环境：netcore 6.0+ 序列化采用自带的 System.Text.Json工具 使用vue做前后端分离时，我们提交的对象中，可能有些字段是为空字符串，但是对应接口要求是int? ，decimal? datetime?等类型。那么在序列化时，就会报错。 因为空字符串无法直接反序列化为 null ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
《Python从入门到实战》-源码篇-Scrapy
什么是 Scrapy？ Python 写的开源爬虫框架，快速、简单的方式构建爬虫，从网站上提取你所需要的数据。 优点： 功能非常强大的爬虫框架，不仅能便捷地构建request，还有强大的selector能够方便地解析response，最受欢迎的还是它的性能，既抓取和解析的速度，它的downloade ......
C++11中的智能指针shared_ptr、weak_ptr源码解析
https://www.jb51.net/article/224028.htm − 目录 1、前言 2、源码准备 3、智能指针概念 4、源码解析 4.1、shared_ptr解析 4.1.1、shared_ptr 4.1.2、__shared_ptr 4.1.3、__shared_count 4.1 ......