devtools浏览器edge vue
Vue2 与 Vue3 生命周期对比
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过 ......
过滤器-使用Vue.filter定义全局变量
# `私有过滤器`和`全局过滤器` 在filters节点下定义的过滤器，称为”`私有过滤器`“，因为它`它只能在当前VM实例所控制的el区域内使用`。如果希望`在多个vue实例之间共享过滤器`，则可以按照如下的格式定义`全局过滤器`： ```HTML message的值是：{{message | c ......
用Edge浏览器去除pdf编辑权限
通过知网下载的硕博论文pdf默认是不允许批注编辑的， 也不想安装各种破权限的软件或者在线工具（没网不就不行了，而且大多都有文档大小限制）， 所以找到了其他人提供的方法，就是直接将论文pdf拖到edge浏览器，然后点击另存为pdf就行。 但是该方法会将原有的章节书签给删除，可以尝试其他办法解决，反正我 ......
Vue知识沉淀
## 为什么组件my-item的props是listCount，但传入时候用:list-count传入，而 listCount与list-count不一致 ``` ``` 在Vue中，组件的props属性名称是大小写不敏感的。这意味着您在定义props时可以使用camelCase（驼峰式命名）或ke ......
Vue-Cli使用
[toc] # 一 解析vue项目 ## vue项目 ```python # 1 public中单页面应用，index.html中 页面被整个div撑起来了 # 2 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 -把根组件的内容贴到index.html页面的div ......
vue项目之vue-cli创建项目&目录结构&编写规范&es6导入导出语法
## 1 vue-cli创建项目 ```python # 单页面应用：spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件，不可能都写在 xx.html中 # 单文件组件（一个组件一个文件） https://v2.cn.vuejs.org/v2/guide/single-file ......
总结vue3 的一些知识点：MySQL 运算符
MySQL 运算符 本章节我们主要介绍 MySQL 的运算符及运算符的优先级。 MySQL 主要有以下几种运算符： 算术运算符 比较运算符 逻辑运算符 位运算符 算术运算符 MySQL 支持的算术运算符包括: 运算符作用 + 加法 - 减法 * 乘法 / 或 DIV 除法 % 或 MOD 取余 在除 ......
总结vue3 的一些知识点：MySQL NULL 值处理
MySQL NULL 值处理 我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。 为了处理这种情况，MySQL提供了三大运算符: IS NULL: 当列的值是 NULL,此运算符返回 ......
vue之混合mixin、插入和其他小补充
[toc] # 一.解析一下vue项目 ## 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 ```html ``` -1 配置路由 router 》index.js 》 ``` const routes = [ { path: '/lqz', name: 'l ......
总结vue3 的一些知识点：MySQL 排序
MySQL 排序 我们知道从 MySQL 表中使用 SQL SELECT 语句来读取数据。 如果我们需要对读取的数据进行排序，我们就可以使用 MySQL 的 ORDER BY 子句来设定你想按哪个字段哪种方式来进行排序，再返回搜索结果。 语法 以下是 SQL SELECT 语句使用 ORDER BY ......
VUE | Element组件库的 el-collapse 标签的用法
Collapse 折叠面板：通过折叠面板收纳内容区域。 1. 基础用法 可以折叠展开多个面板，面板之间互不影响。 示例代码 <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性 ......
Vue——登录小案例、scoped、ref属性、props其他、混入mixin、插件、Element-ui
## 解析Vue项目 ```python # 1 为什么浏览器中访问某个地址，会显示某个页面组件 根组件：APP.vue 必须是 1 配置路由 router >index.js >const routes =[ { path: '/xxx', name: 'xxx', component: xxx ......
JAVA的springboot+vue学习平台管理系统，校园在线学习管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括学习平台的网络应用，在外国学习平台已经是很普遍的方式，不过国内的管理平台可能还处于起步阶段。学习平台具有学习信息管理功能的选择。学习平台采用java技术，基于springboot框架，mysql数 ......
各类配置文件（DNS, Firefox，Edge）
## DNS配置 ``` 腾讯DNS： 119.29.29.29 2402:4e00:: 2402:4e00:1:: 阿里云： 223.5.5.5 223.6.6.6 2400:3200::1 2400:3200:baba::1 黑龙江联通： 202.97.224.68 202.97.224.69 ......
总结vue3 的一些知识点：MySQL NULL 值处理
MySQL NULL 值处理 我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。 为了处理这种情况，MySQL提供了三大运算符: IS NULL: 当列的值是 NULL,此运算符返回 ......
总结vue3 的一些知识点：MySQL LIKE 子句
MySQL LIKE 子句 我们知道在 MySQL 中使用 SQL SELECT 命令来读取数据， 同时我们可以在 SELECT 语句中使用 WHERE 子句来获取指定的记录。 WHERE 子句中可以使用等号 = 来设定获取数据的条件，如 "kxdang_author = 'RUNOOB.COM'" ......
vue使用localStorage.setItem()存储对象数据的注意事项
如数据对象： ruleForm: { name: '', password:'',}, 使用localStorage localStorage.setItem("person", JSON.stringify(this.ruleForm)); 取值 localStorage.getItem("per ......
总结vue3 的一些知识点：MySQL 连接的使用
MySQL 连接的使用 在前几章节中，我们已经学会了如何在一张表中读取数据，这是相对简单的，但是在真正的应用中经常需要从多个数据表中读取数据。 本章节我们将向大家介绍如何使用 MySQL 的 JOIN 在两个或多个表中查询数据。 你可以在 SELECT, UPDATE 和 DELETE 语句中使用 ......
vue之动态组件&插槽
## 1.动态组件 ```html --> ``` ```html 首页 订单 商品 ``` ```js var home = {template: `首页`,} var order = {template: `订单 搜索`,} var good = {template: `商品`,} let vm ......
初识vue3——第二天
## 计算属性 ### 为什么要用计算属性 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们想根据 `author` 是否已有一些书籍来展示不同的信息： ``` Has published books: {{ author.books ......
Vue学习笔记之gyp: No Xcode or CLT version detected! gyp ERR! stack Error: `gyp` failed with exit code: 1
0x00 现象 MacOS在执行npm install下载项目的依赖包的时候出现的gyp报错，报错内容如下： No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for 'com.apple.pkg. ......
Vue学习笔记之Vue项目启动gyp ERR! find Python
0x00 报错详细 该报错在Windows和MacOS平台均会出现，项目启动时候报错如下： E:\vue-admin\node_modules\fibers>if not defined npm_config_node_gyp (node "D:\nodejs\node_modules\npm\no ......
vue3 祖孙通信
利用provide和inject provide用于向子组件(或子组件中的子组件，无限嵌套)提供自身的一些数据，或者将自身所有属性全部提供，但是提供的数据均为非响应式数据。 inject用于引入父级组件所提供的数据 1、祖父组件 import {ref, reactive,provide} from ......
报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
1.错误详情 2. 错误分析 百度此错误发现，很多人可能忘记在main.js中引入store.js并挂载在vue实例上，或者state单词写错了 我审查了很多遍代码，依然报错，读取不到state中的数据，后来想到可能是版本的问题此项目是vue2，要使用vuex3才能正常运行，我安装的时候没有指定版本 ......
vue 插槽
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem ......
Vue组件和Vue实例的理解
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option ......
vue学习记录
环境安装 nodejs有了，安装vue-cli： npm install -g @vue/cli （准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev，好家伙是vue2，这个是vue3的） 再安装： npm install -g @vue/cli-init 看资料说webpa ......
Vue全局事件总线（GlobalEventBus）
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 ......