What is Vue

Article archived at: https://www.yuque.com/u27599042/front-end

---

• Vue is a progressive JavaScript framework for building user interfaces based on standard HTML, CSS, and JavaScript.
• In Vue, how you used to write HTML, CSS, and JavaScript code is how you write it now. Vue just strengthens it on the basis of HTML, CSS, and JavaScript, and adds its own syntax and rules.
• Vue builds user interfaces based on data and renders pages that users can see through certain syntax and rules.
• Vue is a framework. Vue contains a complete set of project solutions, providing us with commonly used tools and basic general components in front-end project development. We can select the required tools and components according to development needs, customize the application skeleton, and improve our development efficiency.
• Vue is a progressive framework, which can be understood in two ways:
  • On the one hand, the development of the Vue framework is progressive:
    • The earliest Vue was just a library that only built the view layer and was used directly in web pages. It had no routing, no state management, and no corresponding construction tools;
    • In order to make web development using Vue more flexible and adaptable to richer scenarios and application requirements of different sizes, Vue began to slowly add official auxiliary tools, such as routing, state management, construction tools, etc.
    • 
  • On the other hand, our process of learning and using Vue is also progressive:
    • As our learning deepens or web development needs continue to increase, we will gradually develop from learning or using the core functions of Vue to integrating auxiliary tools, plug-ins, etc. supported by Vue, to a complex and large-scale web application that meets needs.
    • Vue is a framework that can grow with us and adapt to different needs
• Vue provides us with the core function of declarative rendering, that is, we only need to declare (tell Vue) what data needs to be rendered on the page and where the data needs to be rendered, and then we can achieve page data rendering without having to manually perform DOM operations ourselves. .
• Vue also provides us with the core function of responsiveness, that is, Vue can automatically monitor the data we declare that needs to be rendered on the page. When the data changes, Vue can responsively update the corresponding DOM of the page.

Reference sources:

• Vue 3 official document introduction: https://cn.vuejs.org/guide/introduction.html
• Dark Horse Vue Tutorial P3: https://www.bilibili.com/video/BV1HV4y1a7n4?p=3
• [Vue Tutorial] Introduction: https://blog.csdn.net/m0_69073685/article/details/132218534
• Do programmers all know what a framework is? Come in and chat: https://zhuanlan.zhihu.com/p/114189046
• "In-depth introduction to Vue.js": https://book.douban.com/subject/32581281/