Vue

用户9903177222612

2022-11-05 62 阅读1分钟

什么是vue

图片.png

谁开发的？

图片.png

vue的特点

采用组件化模式，提高代码复用率，且让代码更好的维护

图片.png

声明式编码，让编码人员无需直接操作DOM，提高开发效率

图片.png

图片.png

3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点

图片.png

图片.png

图片.png

1.1 vue简介

图片.png

图片.png

模板语法

图片.png

图片.png

数据绑定

图片.png

el与data的两种写法

图片.png

MVVM模型

图片.png

图片.png

数据代理

图片.png

图片.png

图片.png

图片.png

键盘事件

图片.png

计算属性

图片.png

监视属性

图片.png

深度监测

图片.png -compted和watch的区别

图片.png

绑定class样式

图片.png

条件渲染

图片.png

图片.png

列表渲染

图片.png

图片.png

图片.png

图片.png

监测

图片.png

图片.png

v-model

图片.png

图片.png

图片.png

cookie简略图示

图片.png

v-html

图片.png

v-clock

图片.png

v-once

图片.png

v-pre

图片.png

自定义指令

图片.png

counted

图片.png

生命周期

图片.png

图片.png

图片.png

常用的生命周期

图片.png

传统方式编写应用

图片.png

使用组件方式编写应用

图片.png

图片.png

图片.png

图片.png

图片.png

VueComponent

图片.png

一个重要的内置对象

图片.png

图片.png

创建vue的脚手架

图片.png

关于不同版本的vue

图片.png

配置文件 webpack === > webpack.config.js
不能改的配置

图片.png

笔记

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

todolist案例

图片.png

图片.png

本地存储

图片.png

组件的自定义事件

图片.png

图片.png

全局事件总线

图片.png

信息订阅与发布（pubsub）

图片.png

nextTick

图片.png

当hasOwnProperty出现问题时

图片.png

vue封装的过渡和作用

图片.png

图片.png

vue脚手架配置代理

图片.png

图片.png

插槽

图片.png

vuex

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

getters的使用

图片.png

四个map方法的使用

图片.png

图片.png

模块化+命名空间

图片.png

图片.png

图片.png

路由的注意点

图片.png

多级路由

图片.png

路由的query参数

图片.png

命名路由

图片.png

图片.png

路由的params参数

图片.png

图片.png

图片.png

路由的props配置

图片.png

<router-link>的replace属性

图片.png

编程式导航

图片.png

缓存路由组件

图片.png

两个新的生命周期钩子

图片.png

路由守卫

图片.png

独享路由守卫

图片.png

组件内守卫

图片.png

路由器的两种工作模式

图片.png

常用UI库

图片.png