zh/vuejs/docs/guide/introduction

Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面和单页应用程序。Vue.js 易于上手，同时也能进行大规模的开发。

快速开始

1. 安装 Vue.js 使用 npm 或 yarn 安装 Vue.js。

   npm install vue
   

   或者

   yarn add vue
   

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

   <div id="app">
     {{ message }}
   </div>
   

   new Vue({
     el: '#app',
     data: {
       message: 'Hello Vue!'
     }
   })
   

3. 组件化开发

   Vue.js 支持组件化开发，可以将 UI 分解成可复用的组件。

   <template>
     <div>
       <my-component></my-component>
     </div>
   </template>
   
   <script>
   Vue.component('my-component', {
     template: '<div>这是一个组件</div>'
   })
   </script>
   

资源

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

Vue.js Logo