qq_36981190的博客

记录遇到的问题，便于后面更深层次的解决问题

添加链接描述https://blog.youkuaiyun.com/weixin_42614080/article/details/1070527871、node-sass的报错Downloading binary from https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-72_binding.node解决办法：降低nodejs的版本npm i node-sass --sass_binary_site=https:

sha1和MD5算法加密

vue2+elementui 解决跨域问题

vue+element打包成h5项目

$router和$route的区别和使用

1、数组语法我们可以把一个数组传给 v-bind:class，以应用一个 class 列表：<div v-bind:class="[activeClass, errorClass]"></div>注意：1、activeClass和errorClass若是不带单引号则需要在data中定义，2、若v-bind:class="[‘activeClass’, ‘errorClass’],带单引号的话则不要定义，直接在style中写样式...

prop赋值：静态赋值和动态绑定prop和data数据的区别：相同点：prop和data数据使用上没有区别，都可以在模板上用{{}}显示、都可以在组件内部用v-bind绑定基础组件/标签的属性不同点：prop可以用来父传子https://www.cnblogs.com/ibcdwx/p/14610791.htmlv-bind的使用：1、组件内部：将模板里基础组件/标签属性与data/prop绑定2、组件外部：将组件的prop属性与父组件的data/prop绑定使用场景：1、父组件实时改变子

scss版本：element ui使用scss，所以在项目里安装scss，安装下面的版本，最新的版本会编译不过npm i -D sass-loader@8.x // 安装npm i node-sass@4.14.1 // 安装自定义宽高经过查询资料，有两种方法可以自定义宽高一、使用/deep/ 深度选择器<template> <div class="hello"> <h1>{{ msg }}</h1> <el-input c

1、在vue插件里安装element ui插件2、安装scssnpm i -D sass-loader@8.x // 安装npm i node-sass@4.14.1 // 安装安装这两个版本的，不然安装默认的最新版本会出现编译问题Syntax Error: TypeError: this.getOptions is not a function...

下面的代码可以直接运行显示饼状图，包括甜甜圈和实心饼状图参考：https://www.cnblogs.com/fqh123/p/11221279.htmlhttps://echarts.apache.org/handbook/zh/how-to/chart-types/pie/basic-pie设置饼状图的间隔实心饼状图：只需要在setOption->series ->radius 里设置一个百分比55%就行甜甜圈饼状图：只需要在setOption->series ->r

https://apexcharts.com/vue-chart-demos/pie-charts/simple-donut/vue引入的话，安装：Thanks, helped me a lot! Besides the right import, it is basically instaling npm install --save apexcharts vue-apexcharts,使用import VueApexCharts from ‘vue-apexcharts’https:

一、v-model的基础用法用在input标签，input标签类似子组件button事件修改父组件的message值，子组件input的框里的内容会发生改变；在input（子组件）框里改变输入值，父组件的message值也发生改变；<template> <div> <button @click="changeInput">changeInput</button> <input v-model="message" placeholder=

特点和的区别vue的computed主要用于同步数据的处理，而watch主要用于事件的派发，可异步。computed拥有缓存属性，只有当依赖数据发生变化时，关联的数据才会变化，适用于计算或者格式化数据的场景。watch监听数据，有关联但没有依赖，只要某个数据发生变化，就可以处理一些数据或者派发事件并同步/异步执行。...

原理1、展示：父组件v-model,子组件接受一个props值value,将它展示到子组件自己的input上。2、改变：当子组件自身发生改变时，触发自身的input方法，然后触发父组件的事件方法，改变父组件的vaule,进而改变接受的props,实现自身展示的改变参考： https://www.cnblogs.com/wangxi01/p/11178243.html...

https://blog.youkuaiyun.com/weixin_44584442/article/details/109333763侦听属性的作用：侦听属性，响应数据的变化，当数据变化时，会立即执行对应的函数，其属性值可以为函数、字符串、对象和数组。属性值类型：函数类型函数类型中，被侦听的数据作为函数名，当数据改变时，执行watch（）中对应的函数，该函数可以接受两个参数，第一个参数newVal（改动后的数据），第二个参数时oldVal(改动前的数据）。对象类型对象类型包含3个属性，handle函数

1、解构运算符解构的作用是可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值，参考基本用法：let arr = ["我是字符窜","app","3"];//1.传统方式赋值var a1=arr[0];var b1=arr[1];var c1=arr[2];console.log(a1,b1,c1)//我是字符窜 app 3//2.解构赋值let [a,b,c] = arr;console.log(a,b,c)//我是字符窜 app 3

参考以基本的场景：1、fullSentence = firstWords + agev-model双向绑定ageinput每次更改年龄2、带上初次watch生效3、以对象personInfo ： {name: ‘’",age:""}双向绑定age，监听personInfo对象疑问：是否可以监听对象的的一个属性？...

插件有多种安装方式：一、.crx文件安装，可以直接拖拽到扩展程序里安装二、通过解压包安装1、json格式化插件：链接2、Devtool插件安装：链接

Vuex介绍：vuex是一种状态管理模式，集中管理所有组件的（共享）状态Vuex的核心是store（仓库），store是一个容器，包含应用中大部分的状态。与全局对象的不同之处在于：1、vuex的状态存储是响应式的，store中的状态发生变化，相应的组件也会立即更新；2、不能直接改变store中的状态，改变的唯一途径是显示的提交（commit）mutation核心概念包括state， getter， mutations， actionsState如何获取vuex状态：由于Vuex的状态是

vue的小程序源码：给头像戴口罩考试系统https://zhuanlan.zhihu.com/p/191599013?ivk_sa=1024320u

https://segmentfault.com/a/1190000010426778

BHuild上 运行到终端的几个命令是如何执行的：npm run buildnpm run server查看编译的打印，发现最终是调用的一个 vue-cli-service在vue-cli建立的工程里，package.json里有编译相关的配置，下图可以看出来 npm run server 确实最终调用的是 vue-li-service 这个脚本但是这个vue-cli-service在哪儿呢，找了半天，终于在所在工程的 D:\vue-test2\node_modules.bin 里找到

二、通过命令行安装DevTools刚开始，用cnpm安装（链接），最后一直在 cnpm run build 安装失败，We will use “npm” to install the CLI via “npm install -D webpack-cli”.后来安装完webpack-cli:cnpm install webpack -g安装完后发现还是cnpm run build还是有问题，发现这个不是cpm的工作环境，是一个yarn的工作环境，所以需要安装一个yarn安装：npm i

因为在当前用户下已经确定了工程的路径，可以删除db.json就行了，就可以vue ui创建另一个工程了C:\Users\12443.vue-cli-ui\db.json

1、路由组件里的this代表哪个对象？2、this.route和this.route和this.route和this.router分别指的什么？3、

1、npm的安装

1、如何理解render: h => h(App)

简单的解释MVVM+数据劫持+发布订阅Object.defineProperty

文章目录前言一、源码分析的理解：二、双向绑定原理网上的说法：二、其他理解1.父子组件通信-->v-model总结前言 双向绑定除了数据驱动 DOM 外， DOM 的变化反过来影响数据，是一个双向关系，在 Vue 中，我们可以通过 v-model 来实现双向绑定。双向绑定除了数据驱动 DOM 外， DOM 的变化反过来影响数据，是一个双向关系，在 Vue 中，我们可以通过 v-model 来实现双向绑定。一、源码分析的理解：例子：let vm = new Vue({ el: '#

1、官方文档

1、简单理解路由2、路由官方文档

虚拟dom的原理