Vuejs入门

2017年8月19日 285点热度 0人点赞 0条评论



1Vue入门介绍

1.   什么是Vue.js

Vue.js是什么?

  一个构建数据驱动的web界面的库。技术上,它重点集中在MVVM模式的ViewModel层,因此它非常容易学习,非常容易与其它库或已有项目整合。

为什么要用Vue.js?

  DOM 在单页 Web 应用中的问题:

  1.重新渲染整个视图是昂贵的

  2.手动更新 DOM 来保持视图和数据的同步很容易导致 bug

图形介绍:

图片

2.   Vue的主要特点

简洁

HTML 模版 + JSON 数据,再创建一个Vue实例,就这么简单。

数据驱动

自动追踪依赖的模版表达式和计算属性。

组件化

用解耦、可复用的组件来构造界面。

 轻量

~16kb min+gzip 运行大小,超快速的虚拟 DOM 最少优化。

快速

精确有效的异步批量 DOM 更新。

模块化好

通过 NPM 或 Bower 安装,无缝融入你的工作流。

3.   Vue的版本信息

Vue.js第一次公开发布则是在 2014 年 2 月。目前通用的版本有:

      Vue.js 0.11    Nov 9, 2014

      Vue.js 0.12   Jun 11, 2015

      Vue.js 0.10   Oct 26, 2015

      Vue.js 0.20   Apr 27, 2016

4.   Vue支持的浏览器版本

图片

5.   主流前端框架性能对比

图片

6.   安装

独立版本

直接下载并用 < script > 标签引入,Vue会被注册为一个全局变量。如下代码,这样就可以在脚本中使用Vue.js了。

<script src="lib/vue.js"></script>

CDN

也可以在 jsdelivr或 cdnjs获取 (版本更新可能会略滞后)。

NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或 Browserify 的 CommonJS 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。

$ npm install vue

# 获取最新开发版本(来自于GitHub):

$ npm install yyx990803/vue#dev

本站代码下载方法:

    关注公众号,在后台回复“代码下载”,如图:

图片

图片

9130Vuejs入门

root

这个人很懒,什么都没留下

文章评论