vue技术栈
2022-09-19 10:58:29 0 举报AI智能生成
vue基础语法技术栈
作者其他创作
大纲/内容
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
作用域插槽
0 条评论
下一页
