Vue简介

Vue.js 是一款流行的 JavaScript 前端框架，用于构建用户界面和单页面应用程序（SPA）。它的核心库专注于视图层的渲染，同时也提供了诸如路由(VueRouter)、状态管理(Vuex,Pinia)等功能的插件，使得开发复杂的交互式应用变得更加容易。官网2.0

1. 轻量级
   Vue.js 是一款轻量级的前端框架，文件大小小巧，性能优异，可以快速加载和渲染页面。这使得它成为构建快速、响应式的用户界面的理想选择。
2. 双向数据绑定
   Vue.js 提供了双向数据绑定的功能，即视图层与数据模型之间的自动同步。当数据模型发生变化时，视图会自动更新，反之亦然，这极大地简化了前端开发中数据和视图的管理。
3. 组件化开发
   Vue.js 鼓励使用组件化的开发方式，将页面拆分成独立的、可复用的组件。每个组件都有自己的模板、样式和逻辑，使得代码更易于维护和管理。
4. 生态丰富
   Vue.js 生态系统非常丰富，有大量的第三方库和工具可供选择，例如 Vue Router、Vuex、Vue CLI 等，这些工具可以帮助开发者构建复杂的单页面应用。
5. 渐进式框架
   Vue.js 是一个渐进式框架，意味着你可以根据项目的需要逐步引入 Vue.js 的功能。你可以只使用 Vue.js 的核心功能来构建简单的页面，或者结合 Vue Router、Vuex 等工具来构建更复杂的应用。
6. 易学易用
   Vue.js 的 API 设计简单、直观，学习曲线较低，适合新手入门。它的文档也非常完善，提供了丰富的示例和教程，帮助开发者快速上手。

  <div id="app">
    <h1>{{message}}</h1>
    <button @click="sayHello">点击</button>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
  <script>
    new Vue({
      el: '#app',
      data: {
        message: 'hello world'
      },
      methods: {
        sayHello() {
          alert('hello')
        }
      }
    })
  </script>