Vue路线规划

扎实的HTML/CSS/JS基础(自学)

  • HTML常用标签
  • CSS基础语法
Scoped CSS
  • JS基础语法
  • new

  • this
ES6语法

Object.defineProperty

class

设计模式(看vue文档)

MVC模式
eventbus发布订阅
mixin混入
prototype原型
extends继承
依赖注入

Vue API(写博客)

组件

data

props

methods

watch

computed

template

render

  • 钩子

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroyed

模板语法

条件:v-if/v-else/v-else-if

循环:v-for

事件:v-on/v-once

属性:v-bind

特殊:v-model

其他:v-text/v-html/v-show/v-pre/v-cloak

过渡动画

transition

transition-group

Webpack配置(说出作用,如何配置)

vue-loader

@vue/cli

sass-loader/less-loader/stylus-loader

babel-loader

ts-loader

eslint

Vue全家桶(重要性递减)

Vuex

state

getter

mutation

action

module

Vue Router

hash模式

history模式

守卫

懒加载

Axios

拦截器

RESTFul

Jext/Mocha

单元测试

mock/stub

PWA

service worker

HTTPS

UI框架(了解一两个)

Element
Ant Design Vue
iview
cube-ui
Vant

到这将成为vue快速开发者

Vue 3.0

TypeScript
React Hooks
Proxy API
Reactive 风格
函数式编程

高级(涉及数据结构和算法)

虚拟DOM
Diff算法
模板编译

 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×