1.用vue-cli生成项目 ​ 1.1 使用 vue create 创建一个项目 ​ 1.1.1在终端/cmd输入 vue create 项目名 ​ 1.1.2按下下方向键选择自定义配置 回车（Enter） 按 空格键 选择 Router、Vuex、CSS Pre-processors、Linter / Formatter 其它按照默认即可 。选好后 回车

1.创建并进入一个新目录 1mkdir xxx && cd xxx 2.选择喜欢的包管理器进行初始化 1yarn init & # npm init 3.将Vuepress安装为本地依赖(不推荐全局安装) 1yarn add -D vuepress & # npm i -D vuepress 4.创建第一篇文档

在项目中，创建一个deploy.sh文件（请自行判断，去掉高亮行的注释） 12345678910111213141516171819202122232425#!/usr/bin/env sh# 确保脚本抛出遇到的错误set -e# 生成静态文件npm run docs:build# 进入生成的文件夹cd docs/.vuepress/dist# 如果是发布到自定义域名# echo 'www....

image

在创建项目选择ESLint，创建项目之后会看到根目录下有个.eslintrc.js. 在vscode中对eslint进行配置：在根目录下创建一个文件夹.vscode，并在文件夹下创建一个名为settings.json的文件，填写一下内容：PS：按下ctrl + s保存代码：自动调试eslint修复 1234567{ "eslint.run":"onType", "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.alwaysShowStatus": true} 或

响应拦截器： 处理token过期问题 替换token

防抖:抖：高频率的发送请求 思路：当函数被调用时，不立即执行，而是延迟10秒执行。 如果在这10秒内再次调用了这个函数，则从当前被调用的时间开始计算

事件总线三种方法： $on,$emit,$off 画图： 1.index.vue. 2.articleList.vue 3.moreAction.vue 4.channelEdit.vue eventBus

state：作用：定义全局数据(保存所以公共数据)。类似data 123456export default new Vue.store({ state:{ } })export default store 获取数据：state 直接使用：1.this.$store.state.自定义 映射的方式：2.computed:{...mapState([''])}

vuex独立于所有的组件 作用 对所以组件需要用到的公共数据,进行管理 是一种新的组建之间数据共享的方式 父子 eventBus Vuex payload mapMutations mapState actions 中 调用 ———————— 去修改数据？ mutation

vue-router-重定向 指：访问某一个路由，自动跳转到另外一个路径 核心代码：{path:“/”,redirect:"/home} vue-touter-编程式导航 指：通过js的方式触发路由的跳转 核心代码：提供路由相关函数跳转方法this.$router.push() 注：route是获取路由相关信息路由传参 this.$route.params

​ Vue指令 1.v-model 指令是一个语法糖（简写）就是简写了：:value 与 @input 两段代码 1:value = 'msg' 与 @input = 'msg=$event.target.value' class: :class绑定类 style: 绑定行内样式

选项： el: 获取指定的容器（具体的标签）element的缩写注：不能指定html和body容器作为试图容器 data: 数据驱动视图 响应式数据必须是 显性的声明 响应式数据必须在data当中提前声明 methods: 声明函数 可以给vm使用也可以提供视图使用 不可使用箭头函数