一个压缩包文件让你彻底了解VUE基础！！！

Jevil

# VUE 的基础教程

#### 介绍

快速入门 VUE 的教程源码，通过自己跑一遍和源码进行分析来达到快速入门的结果

# 使用方法：

1. 打开终端，进入到项目目录
2. 注意是在项目目录下执行命令，而不是在 src 目录下执行命令
3. 执行命令：npm run dev
   （前提是你已经安装了 node，并且正确的配置了环境）

# 源码分析：

1. APP.vue 是入口文件，你可以理解为这玩意就是主函数，VUE 项目启动就只启动它
2. src/components 是存放组件的目录
3. 组件名是拼音或者单词
4. main.js 是 JavaScript 的入口文件，它负责初始化 Vue 实例和全局挂载根组件
5. App.vue 是根组件，它负责渲染整个应用程序的界面
6. 剩下的都不是你该关心的，如果你想了解全部，请一定要明白 html 的写法，结构，内容。（最重要的是你得知道 vue 的结构）！！

# 注意：

1. 本项目你至少学会 html 和 css 的基础，才能看懂本项目
2. 本项目虽然是 VUE 的教程，但你要知道我编写的框架是来干啥的
3. 如果不理解是啥意思，就去看看代码运行的结果，通过注释的方式，让一个内容单独运行，你就明白了
4. 如果你不理解 JS 的内容，你只要知道是用来干什么的就可以了
5. 虽然本教程不常常使用 CSS，但你要知道 CSS 是用来干啥的
6. 这个教程只针对 VUE，具体的 JS 和 CSS，你可以自己去学习

# 学习目录：

1. VUE 的基础语法
2. VUE 的组件引用
3. VUE 的嵌套使用
4. VUE 的插槽使用
5. VUE 的生命周期
6. VUE 的动态组件
7. VUE 的依赖注入
8. VUE 的应用

最后，祝愿你学习愉快！

# 版权

版权归www.ibchzy.top （爱编程/游戏天空）所有。
未经允许禁止转载。

如果有意见和建议，欢迎联系我：2878528937@qq.com

附件下载地址：

游客，如果您要查看本帖隐藏内容请回复