1. 什么是Vue？
在vue官网上写着：vue 是数据驱动的组件，为现代化的web界面而生
那么问题来了，什么是数据驱动呢？我就找了下，简书上还真有人详细讲解了，传送门：什么是数据驱动？
数据驱动
定义：
一个数据驱动的组织会以一种及时的方式获取、处理和使用数据来创造效益，不断迭代并开发新产品，以及在数据中探索（navigate）。
组件
定义：
组件就是对数据和方法的简单封装。从而能够进行组件化的开发。组件化的目的是为了程序模块化，使得不同模块之间可以单独的开发，单独测试。
所以，根据vue的含义，其实vue就是一个组件，是为了web界面服务的。
2. Vue的特点
-
简洁
不依赖其他库，只需要html+json+new vue(vue实例) -
数据驱动
自动追踪依赖模板表达式和计算属性，通俗点说，其实就是数据双向绑定，页面修改马上显示 -
组件化
用解耦、可复用的组件来构造界面。可以在运行时按需加载，开发更灵活。 -
轻量
大小20来kb，而且不依赖其他库，比起Angular的重量级，比较适合用于移动端。 -
快速
精确有效的异步批量DOM更新。（这一点要在后面的应用才能感受，233333） -
模块友好
可以通过NPM或者Bower安装等前端包管理工具进行安装，直接install超简单，无缝融入您的工作流。
3. vue的安装
通过上面的了解，可以进入vue的学习模式啦。
学习的心已具备，只欠安装。
安装方式有很多种：
1.通过官网直接下载相应版本，解压放到项目里面即可。
2.通过CDN
直接在项目里面引用cdn地址即可。可以从jsdelivr 或 cdnjs 获取
<script type="text/javascript" src="http://cdn.jsdelivr.net/vue/1.0.24/vue.min.js">
或者
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js">
3.通过NPM或者bower安装
NPM:
# 最新稳定版本
$ npm install vue
# 最新稳定 CSP 兼容版本
$ npm install vue@csp
Bower：
# 最新稳定版本
$ bower install vue
4.再或者，你不想下载或者安装上面那些东东，可以直接在jsfiddle等在线js编辑器里面玩耍vue
官方网站提供了个hello world的例子，可以点击进去玩玩。
超方便，界面也挺好看的哈。
helloWorld.png
结语
工欲善其事必先利其器，今天的了解有助于以后的学习。先介绍到这里。在这里班门弄斧了，有错误轻拍哈。
网友评论