[TOC] ***** # Vue.js简介 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。 # 安装Vue Github:[Vue.js](https://github.com/vuejs/vue) CDN加速:[BOOTCDN](https://www.bootcdn.cn/vue/) # 使用手册 手官方册:[Vue.js官方手册](https://cn.vuejs.org/v2/guide/) # 第一个页面 ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> </head> <body> <!-- 这里是网页内容 --> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <script> var vm = new Vue({ // 内容 }) </script> </body> </html> ```