登录免费注册



vue技术栈

首页  思维导图  详情



vue技术栈

2022-09-19 10:58:29   0  举报





仅支持查看

AI智能生成

vue基础语法技术栈

vue

ES6

模版推荐

作者其他创作

大纲/内容

vue项目搭建

Webpack

Webpack概述

webpack基本概念

entry

output

loader

plugin

mode

常见loader配置

style-loader

css-loader

less-loader

常见plugins配置

 html-webpack-plugin

mini-css-extract-plugin

clean-webpack-plugin

vue-cli

vue-cli介绍

node安装

vue-cli5安装

创建vue项目

创建项目介绍

项目文件修改

相关依赖安装和介绍

修改镜像

模块化

模块化介绍

模块化发展历史

模块化规范

CommonsJS

AMD规范

CMD规范

UMD规范

ES6 模块

导入

按需导入

全部导入

导出

按需导出

按需导入

vue语法体系

vue基本语法

ES6

Let,Const

解构赋值

箭头函数

数组的静态操作方法

数组常见操作方法

字符串扩展

Symbol

Class

Object.defineProperty

Proxy

Promise

async await

指令

v-text

v-html

v-model

v-bind

v-if

v-show

v-for

基本属性

Class,Style

Computed

Filter

nextTick

ref

修饰符

v-model

lazy

trim

number

事件修饰符

stop

prevent

self

once

capture

按键修饰符

侦听器watch

handler方法

immediate属性

deep属性

自定义指令

钩子函数

bind 

inserted

update

componentUpdate

unbind

常用钩子函数参数

el

binding

name

value

oldValue

expression

arg

modifiers

vnode

oldVnode

vue生命周期

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroyed

vue组件化

vue组件

Vue组件化思想

组件使用步骤

创建组件

注册组件

使用组件

全局组件和局部组件

全局组件

局部组件

组件通信

父组件向子组件传值

props

子组件向父组件传值

$emit

兄弟组件传值

$bus

其他的通信方式

ref

$attrs

$parent

$children

$root

provide

inject

vuex

动态组件

component

keep-alive

vue结构插件

vue路由

vue路由基础

路由基本配置

下载路由插件

引入插件

配置路由表

生成路由实例

和vue实例关联

<router-link to="/">Home</router-link>

<router-view />

命名式路由

name

路由嵌套

children

动态路由

params

query

编程式路由

router.push

router.replace

router.go

路由模式

hash

history

vue路由守卫

全局守卫

beforeEach

afterEach

路由守卫

beforeEnter

组件内的守卫

beforeRouteEnter

beforeRouteUpdate

beforeRouteLeave

导航守卫参数

to

from

next

axios

axios基本使用

axios返回数据

config

data

headers

request

status

statusText

axios携带参数

data

params

axios基本配置

axios.defaults.baseURL

axios.defaults.timeout

axios.defaults.headers

axios拦截器

axios.interceptors.request

axios.interceptors.response

axios封装

vuex

vuex介绍

vuex安装

vuex核心属性

state

mutations

getters

actions

Modules

namespaced

state

mutations

getters

actions

modules

vue进阶语法

vue动画

vue动画

v-enter

v-enter-active

v-enter-to

v-leave

v-leave-active

v-leave-to

自定义动画

@keyframes

animation

第三方动画

enter-class

enter-active-class

leave-class

leave-active-class

mock拦截

模拟数据

Mock.Random

Mock.mock

mock 拦截

get拦截

post拦截

插槽

默认插槽

v-slot

具名插槽

v-slot:name

作用域插槽

 Collect

Get Started

vue前端架构图

 Collect

Get Started

企业级数据中台全栈技术架构图

Vue学习笔记——从入门到实战

 Collect

Get Started

Vue学习笔记——从入门到实战

 Collect

Get Started

前后端技术栈架构













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document