1. Vue CLI 初始化脚手架 Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台） 最新的版本是 4.x 文档 Vue CLI 1.1 具体步骤 如果下载缓慢请配置 npm 淘宝镜像 npm config set registry http://registry.npm.taobao.org 全局安装 @vue/cli npm install -g @vue/cli 切换

1 ref属性 ref 被用来给元素或子组件注册引用信息（id的替代者） 应用在 html 标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象vc 使用方式： 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> 获取：this.$ref

WebStorage（js 本地存储）存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制 相关API xxxStorage.setItem('key', 'value'): 该方法接受一个键和值作为参数，会把键值对添加到存储中

1.组件编码流程 组件化编码流程： 拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。 实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： 一个组件在用：放在组件自身即可。 一些组件在用：放在他们共同的父组件上（状态提升）。 实现交互：从绑定事件开始。 props 适用于： 父组件 ==> 子组件 通信 子组件 =

一种组件间通信的方式，适用于 任意组件间通信。 使用步骤： 安装 pubsub：npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的 回调留在A组件自身。 1234567methods:{ demo(data){......}}

1.props适用于的场景:父子组件通信 注意事项: 如果父组件给子组件传递数据(函数):本质其实是子组件给父组件传递数据 如果父组件给子组件传递数据(非函数):本质就是父组件给子组件传递数据 书写方式:3种 123['todos']{type:Array}{type:Array,default:[]} 特殊情况：路由传递props

1. $nextTick这是一个生命周期钩子 语法：this.$nextTick(回调函数) 作用：在下一次 DOM 更新结束后执行其指定的回调。 什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行。 比如编辑按钮使文本变成表单且自动获取焦点。点击表单时会用一个布尔值配合v-show使表单显示，可是改变布尔值的时候，后面的focus方法

vue项目常用的两个Ajax库 axios：通用的Ajax请求库，官方推荐，效率高 vue-resource：vue插件库，vue 1.x使用广泛，官方已不维护 下载 vue-resource 库 npm i vue-resource src/main.js 12345678910111213141516171819//引入Vueimport Vue

1.Vue 脚手架配置代理本案例需要下载 axios 库npm install axios 配置参考文档 Vue-Cli devServer.proxy vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的vue字段，但是注意

插槽(slot)插槽是什么？ 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。 作用：让父组件可以向子组件指定位置插入html

1.相关理解1.1 vue-router 的理解vue的一个插件库，专门用来实现 SPA(单页面应用) 应用 1.2 对SPA应用的理解 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的导航链接不会刷新页面，只会做页面的局部更新 数据需要通过ajax请求获取 1.3 路由的理解 什么是路由?一个路由就是一组映射关系（key

1.理解 Vuex1.1 Vuex 是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 1.2 什么时候使用 Vuex 多个组件依赖于同一状态 来自不同组件的行为需要变更同一状态 1.3 原理图 2.搭建Vuex环境 下载安装 pnpm add vuex@

常用UI组件库移动端常用UI组件库 Vant Cube UI Mint UI https://nutui.jd.com/#/ PC端常用UI组件库 Element UI IView UI element-ui基本使用 安装 element-ui：npm i element-ui -S2 src/main.js 123456789101112import Vue from &#

1.打包vue.config.js 123456module.exports = { //打包时不生成map文件(用来进行错误提示的文件，很占用空间) productionSourceMap: false, // 关闭ESLINT校验工具 lintOnSave: false,} 1pnpm run build 2.图片懒加载懒加载vue-lazyload插件官网

在 Auto.js 收费后，产生了几个版本，它们之间有什么区别 autojs 4.1.1最后一个免费版本，没有任何限制，可以在手机上 APP 中自由操作，开源，可以 Github 找到。功能大部分都有，2020年3月1日停止更新。 项目地址：https://github.com/hyb1996/Auto.js 官方论坛：https://www.autojs.org/ 在线文档：https://

1、下载地址 CMake 官网下载地址：https://cmake.org/download/ 从官网选择和 系统 对应的版本，推荐选择安装包版。 Windows x64 Installer: 安装包版。需要安装 Windows x64 ZIP：解压可用，但需要自己把 bin 目录添加到环境变量中。 2、安装包版安装流程 打开安装包，点击Next： 勾选同意证许可证，然后继续点击Nex

正则在线测试工具 http://tool.chinaz.com/regex/ https://tool.oschina.net/regex/ https://regex101.com/ 正则表达式模式在线图示网站：https://regexper.com/ 正则表达式详细表：https://web.suda.edu.cn/hejun/chapter8/regular_expression_

正则在线测试工具 http://tool.chinaz.com/regex/ 什么是正则表达式？ 正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。 一个正则表达式是一种从左到右匹配主体字符串的模式。 “Regular expression”这个词比较拗口，我们常使用缩写的术语“regex”或“regexp”。 正则表达式可以从一个基础字符串中根据一定

总结 汇编器：将汇编语言翻译成机器语言。 编译器：将高级语言翻译成汇编语言，再由汇编器去处理，如 C 语言。 解释器：随着时间的推移，一种新的编程方式兴起了。一种被称为“解释器”的特殊程序可以直接读取一个程序将其转换成计算机指令以立即执行。如 Python、TCL（表示工具命令语言Tool Command Language）和各种 Shell。 和编译器差不多，解释器读取程序并将它转换成一个中

01 【创建vue3项目】 该笔记是从vue2过渡到vue3的，所以不会特别详细的介绍某些vue2学过的，主要介绍vue3新增的。 1.Vue3快速上手 1.1 Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://git