1 Star 0 Fork 0

追梦小窝 / web

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vueSchool

https://github.com/logictuLuoqi/vueSchool

前言

其实 vue 的文档要写出和官网不一样的感觉很难 应为官方文档写的已经很好了
但目前很少人去读完 vue 的整个文档
目前现在我看到不少人 说 webpack 不用学 都有人配好了
入门开始 直接 vuecli 这样其实是不对的
我准备 以 vue 源码为基础讲 vue 的技术 我们的目标是培养看懂源码的 vue 工程师

Vue 目录

01 helloworld
https://github.com/logictuLuoqi/vueSchool/blob/master/code/01-helloworld/HelloWorld.md

全局 API

选项/数据

  • data
  • props
  • computed
  • methods
  • watch

选项/DOM

  • el
  • template
  • render

选项 / 生命周期钩子

  • 生命周期钩子

选项 / 资源

  • directives
  • filters
  • components

选项 / 组合

  • parent
  • mixins
  • extends
  • provide / inject

选项 / 其它

  • name
  • functional
  • model
  • model

实例属性

  • $data
  • $props
  • $el
  • $options
  • $parent
  • $root
  • $children
  • $slots
  • $refs
  • $isServer
  • $attrs
  • $listeners

实例方法 / 数据

  • $watch
  • $set
  • $delete

实例方法 / 事件

  • $on
  • $once
  • $off
  • $emit

实例方法 / 生命周期

  • $mount
  • $forceUpdate
  • $nextTick
  • $destroy

指令

  • v-text
  • v-html
  • v-show
  • v-if && v-else
  • v-for
  • v-on
  • v-bind
  • v-model
  • v-once

特殊属性

  • key
  • ref
  • slot
  • slot-scope
  • scope
  • is

内置的组件

  • component 动态组件
  • transition
  • transition-group
  • keep-alive
  • slot

服务端渲染

  • 服务端渲染 nuxt

概念

  • 双向数据绑定
  • JSX && render
  • vue 响应式原理
  • use TypeScript
  • vue 项目优化点

Vuex

阅读 vuex 源码的思维导图 (下载原图)

阅读 vuex 源码的思维导图

目录

├── src
   ├── helpers.js                  辅助函数
   ├── index.esm.js
   ├── index.js                    入口
   ├── mixin.js                    混入 vuex Init
   ├── module                      class module
      ├── module-collection.js
      └── module.js
   ├── plugins                     插件
      ├── devtool.js
      └── logger.js
   ├── store.js                    store install
   └── util.js                     工具函数
  • install 方法
  • class Store
  • Vuex 概念
  • State
  • Getter
  • Mutation
  • Action
  • Module
  • plugins
  • 辅助工具函数
  • 命名空间
  • 时间穿梭

Vue Router

阅读 Vue Router 源码的思维导图 (下载原图)

阅读 Vue Router 源码的思维导图

目录

├── src
   ├── components                组件
      ├── link.js
      └── view.js
   ├── create-matcher.js         暴露路由表 && 动态路由方法
   ├── create-route-map.js       创建路由表
   ├── history                   history 模式
      ├── abstract.js
      ├── base.js
      ├── hash.js
      └── html5.js
   ├── index.js                  入口
   ├── install.js                install 方法
   └── util                      工具函数
  • install 方法
  • class VueRouter
  • history 模式 (3 种)
  • RouterView && RouterLink
  • Router Map

代码

空文件

简介

web知识 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/iszmxw/web.git
git@gitee.com:iszmxw/web.git
iszmxw
web
web
master

搜索帮助