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的例子,可以点击进去玩玩。
超方便,界面也挺好看的哈。
结语
工欲善其事必先利其器,今天的了解有助于以后的学习。先介绍到这里。在这里班门弄斧了,有错误轻拍哈。