Can you learn vue directly if you only know html, css and js? js is also okay. How long will it take to learn vue?

foreword

Let me talk about the conclusion first: Yes, vue is actually a framework. The specific content in it is even if it integrates html, css and js, and changes it to a different form. For example, in a classic vue component, it is roughly divided into three parts: <temple> is mainly used to define the HTML template of the component. <script><style> is mainly corresponding to the content of JS and CSS. , Of course, the knowledge involved in vue should be the only ones (like axios, webpack, etc., it is best to learn about it, so that your learning process of vue will be smoother )

After understanding the above, we can actually start learning. I roughly divided the whole learning process into some stages. As for why I learn vue2, it is because there are still interview questions about it in the interview. Most of the content in vue2 is common to vue3.

written in front

First of all, put the official website of vue first. If you encounter problems or want to have a deeper understanding of vue, the documents on the official website are always the most authoritative and comprehensive. You must develop the habit of frequently checking documents:

[ Vue 2.x official Chinese document ]: https://v2.cn.vuejs.org/v2/guide/

[ Vue 3.x official Chinese document ]: https://cn.vuejs.org/guide/introduction.html

1. Learn the basics of vue2

2. Do one or two vue2 projects (such as background management templates or malls)

In order to deepen the understanding of the vue2 knowledge points learned earlier, it is the fastest way to master it by doing projects according to the video or learning better to find some background management or mall-like projects on github:

3. Understand the changes of vue3 on the basis of vue2

This is the official migration guide for the transition from vue2 to vue3 (which introduces in detail some new features that need to be paid attention to in vue3): https://v3-migration.vuejs.org/zh

There is little difference between vue3 and vue2 in terms of general knowledge. Compared with vue2, vue3 is first of all an improvement in performance. It is shown that vue3 uses a new responsive system Proxy object, which is more efficient than the original object.defineProperty method of vue2. In addition, vue3 introduces Composition API, Teleport components and better TypeScript support, etc. (such as the above map), some of which may be problems for you to understand, and I will recommend some below I think the articles are better written, you can use them to understand the new content of vue3

[Changes in life cycle]: https://blog.csdn.net/m0_61016904/article/details/126770916

[Composition API]: https://juejin.cn/post/6966606592024576013

[vue3's responsive principle Proxy]: https://juejin.cn/post/6982001553540382733

4. Try the vue3 project

I personally think that the project is always the best way to test a knowledge mastery and deepen the adaptation to the transition from vue2 to vue3. Here are a few related projects on Github, mainly background management system projects: