vue2

跨域问题 前端请求代理来解决跨域问题。代理代理代理代理代理代理代理代理代理代理代理代理代理代理代理代理代理代理

配套工具 VueCLI 构建工具 删除Vue-cli 安装vue-cli Vue-Router路由6666666666666666

高级语法 directive自定义指令 全局自定义指令 inserted(el){el.focus()} }) 使用方法： 局部自定义指令 生命周期函数 绑定形式：v-color="red" el：D

基础语法 创建组件 方法和计算属性的区别：- 当计算属性依赖的内容发生变更时，才会重新执行，得到新的结果。-方法是只要页面重新渲染，就会重新计算，得到新的内容 data(){} data方法，用于在V

件相关语法 校验字符串 参数必须小于1000 组件传值子传父 slot插槽 动态组件子组件可以使用父组件传递过来的数据，但是绝对不能修改传递过来的数据。 this.$emit('事件','参数')

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a72a16437b0e46bcb93b32f0e139eba8~tplv

脚手架 ​ 项目搭建工具 ​ 通用使用方法 ​ node包 ​ 使用步骤 ​ npm install 包名 -g ​ 使用 ​ 安装完成会得到一个命令 ​ vue ​ vue ​ @vue/cli ​

配套工具 VueCLI 构建工具 Vue-Router路由 Vetur：Vue2 代码提示工具 VueDevtools：浏览器端调试工具

高级语法 directive自定义指令 inserted(el){el.focus()} }) 使用方法： 绑定形式：v-color="red" el：DOM元素 binding： 传递的属性值 获取

组件相关语法 基本概念：组件的基本给概念:就是把一个大的功能，拆分成一个个子组件。组件是页面中的一部分。 全局组件 特点：全局组件只要定义，处处可以使用，性能不高，但是使用起来简单。 组件具备复用性，

- 基础语法 创建组件 VUE生命周期函数 样式绑定语法 绑定。 模板中绑定案例： 注意事项：建议在工作中使用对象的形式，来编写模板中的行内样式动态绑定。因为这样更加直观，字符串拼接也不容易出错。 列

```js // 目标: 路由守卫 // 场景: 当你要对路由权限判断时 // 语法: router.beforeEach((to, from, next)=>{//路由跳转"之前"先执行这里, 决定

路由創建 vue2用 yarn add vue-router@3 导入路由 使用路由插件 创建路由规则数组 创建路由对象 - 传入规则 关联到vue实例 components换成router-view

v-bind: =: v-on methods方法 v-on=@ 事件对象仓储农村炒年糕菜鸟采纳采纳

vue路由 路由 单页面应用 一切都在一个html页面执行 基本使用步骤 1. 安装 yarn add vue-router 2. 引入 import VueRouter from 'vue-rout

vue组件进阶 组件进阶 动态组件与keep-alive 动态组件 可以让多个组件进行切换，同时只会显示一个组件 特征：显示某个组件，这个组件会创建，如果某个组件不显示了，这个组件会销毁 keep-a

vue生命周期_组件进阶 生命周期 基本概念：一个组件从创建到最后销毁的整个过程就是生命周期 生命周期8个钩子函数 beforeCreate 数据初始化之前 created 数据初始化之后 发送aja

组件通讯 注册组件 为什么要拆分组件？ 不可能吧所有的功能都写到App.vue中 封装组件的目的： 复用 可维护 1. 把独立的结构封装到一个.vue文件中 2. 注册组件 全局注册 在main.js

vue基础 vue基础API_下半部分 v-for指令 key 使用v-for的时候，需要提供一个key属性，且保证key唯一不可变，vue规定的 虚拟DOM概念 虚拟DOM可以提供更新的性能 虚拟D

vue基础 vue-cli vue基础概念 什么是vue vue是一个渐进式的javascript框架 渐进式 框架和库 开发vue 传统的开发 通过html页面引入vue webpack工程化下开发