学习 Vue.js

Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它易于上手，同时非常灵活，可以用于构建单页面应用（SPA）和复杂的前端系统。

快速开始

1. 安装 Vue.js 你可以通过 CDN 来快速引入 Vue.js。

   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
   

2. 创建一个简单的 Vue 应用

   <div id="app">
     {{ message }}
   </div>
   
   <script>
     new Vue({
       el: '#app',
       data: {
         message: 'Hello Vue!'
       }
     })
   </script>
   

   在这个例子中，我们创建了一个名为 app 的 Vue 实例，它包含一个数据属性 message，这个属性被绑定到页面上。

资源

• Vue.js 官方文档
• Vue.js 社区

图片

Vue.js 示例

Vue.js 社区