cwy007/vue3-step1-note

慕课网vue.js学习路线 step1

Step1: Vue.js(3.0)零基础入门

课程地址： https://coding.imooc.com/learn/list/472.html

学习目标：

掌握 Vue.js的基础语法以及常见 API

课程重点：

1. Vue 核心技术，常用 API 精讲
2. 掌握 Vue 框架的生命周期
3. 深入理解 Vue 框架的组件化
4. 理解 Vue 中的 CSS 动画原理与使用
5. 如何编写高质量的可维护代码

• 常用API
• 组件化
• Vue 中的高级扩展语法
• Composition API
• Vue 生态全家桶

vue create new-project-name

tree .

.
├── .browserslistrc
├── .eslintrc.js
├── .gitignore
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   └── index.html
└── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   └── HelloWorld.vue
    ├── router
    │   └── index.js
    ├── store
    │   └── index.js
    ├── views
    │   ├── About.vue
    │   └── Home.vue
    └── main.js

mock api

• fastmock
• https://www.fastmock.site/mock/ae8e9031947a302fed5f92425995aa19/jd/api/user/register

vscode plugin

• eslint 代码格式
• vetur vue 文件语法高亮

参考

• proxy
• Vue事件的函数传参
• 【vue】@click绑定的函数，如何同时传入事件对象和自定义参数