MCPcopy
hub / github.com/keepfool/vue-tutorials

github.com/keepfool/vue-tutorials @main sqlite

repository ↗ · DeepWiki ↗
2,345 symbols 6,272 edges 35 files 1,415 documented · 60%
README

Vue.js教程

1. Getting Started

以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟快速入门

Hello World双向绑定示例

常用内置指令

页面示例

2. Components

Part-1

以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟组件快速入门(上篇)

提醒:最好结合源码和Chrome的F12工具查看示例

组件注册示例

父组件传递数据给子组件

页面示例

Part-2

以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟组件快速入门(下篇)

slot示例

父子组件实例访问示例

父子组件通信示例

基于组件一步一步实现一个CURD示例

3. Ajax

以下示例,在博客中有具体讲解,博客链接:Vue.js——基于$.ajax实现数据的跨域增删查改

基于jquery或zepto的$.ajax示例

基于vue-resource的示例

以下示例,在博客中有具体讲解,博客链接:Vue.js——vue-resource全攻略

http示例

resouce示例

inteceptor示例

4. OAuth

以下示例,在博客中有具体讲解,博客链接:Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用

$.ajax示例

vue-resource示例

结合CURD、注册、登录、注销的页面示例

Demo

5.官方项目模板

Browserify项目模板

以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟browserify项目模板快速入门

Webpack项目模板

以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟webpack项目模板快速入门

6.Vue-Router

以下示例,在博客中有具体讲解,博客链接:Vue.js——vue-router 60分钟快速入门

乞丐版源码(页面和组件代码混合在一起)

乞丐版源码

精装版源码(基于vue-webpack-simple模板构建)

Core symbols most depended-on inside this repo

isArray
called by 190
06.Router/basic/js/vue-router.js
warn
called by 57
06.Router/basic/js/vue.js
warn
called by 57
02.Components/Part-1/js/vue.js
warn
called by 57
02.Components/Part-2/js/vue.js
warn
called by 57
01.GettingStarted/js/vue.js
warn
called by 57
03.Ajax/vue-resource/js/vue.js
warn
called by 57
03.Ajax/jquery-zepto/js/vue.js
warn
called by 57
04.OAuth/vue-resource/js/vue.js

Shape

Function 2,345

Languages

TypeScript100%

Modules by API surface

06.Router/basic/js/vue.js232 symbols
04.OAuth/vue-resource/js/vue.js232 symbols
04.OAuth/jquery-zepto/js/vue.js232 symbols
03.Ajax/vue-resource/js/vue.js232 symbols
03.Ajax/jquery-zepto/js/vue.js232 symbols
02.Components/Part-2/js/vue.js232 symbols
02.Components/Part-1/js/vue.js232 symbols
01.GettingStarted/js/vue.js232 symbols
04.OAuth/jquery-zepto/js/jquery-1.10.2.min.js74 symbols
03.Ajax/jquery-zepto/js/jquery-1.10.2.min.js74 symbols
06.Router/basic/js/vue-router.js64 symbols
06.Router/basic/js/vue-resource.js58 symbols

Dependencies from manifests, versioned

babel-core6.0.0 · 1×
babel-loader6.0.0 · 1×
babel-plugin-transform-runtime6.0.0 · 1×
babel-preset-es20156.0.0 · 1×
babel-preset-stage-26.0.0 · 1×
babel-runtime6.0.0 · 1×
babelify7.2.0 · 1×
browserify12.0.1 · 1×
browserify-hmr0.3.1 · 1×
cross-env1.0.6 · 1×
css-loader0.23.0 · 1×
file-loader0.8.4 · 1×

For agents

$ claude mcp add vue-tutorials \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact