什么是 Vue
Vue.js 是目前比较流行的 MVVM 前端框架。借鉴了 Angular 、React 等现代前端框架/库的诸多特点,Vue.js 框架本身涉及的技术包含:响应式编程、声明式渲染、组件化开发、虚拟 DOM、跨平台支持.........
Vue.js 的定位是一个渐进式框架,作者的说法是:
- 与其他框架的区别就是渐进式的想法,也就是**Progressive,**渐进,一步一步,不是说你必须一竿子把所有的东西都用上。
版本选择:Vue.js 主要分 1.x 和 2.x 版本,机制差不多,语法有些区别,2.x 比 1.x 更加完善,一般没有特殊情结下,选择 2.x。PS: 学习 Vue.js,欢迎移步官网。
vue 的优缺点
优点:
- 轻量级的框架
- 双向数据绑定(如图 1)
- 易上手,便于与第三方库或既有项目整合
缺点:
- Vue2.0 只支持 IE8 以上的浏览器(其实,这个也不能算缺点,IE8 以下必须抛弃)
- 真的好像没有啥大缺点了
如何使用 Vue
- 引入 vue.js 库
<script src="vue.js"></script>
这将暴露出一个全局类——Vue,你可以用它来创建一个Vue实例。
- vue-cli,用 webpack 搭建 vue 项目(重点)
- 入门 Demo
<script src="vue.js"></script> //引入vue.js文件
<div id="app">
{{ message }} //模板绑定数据的其中一种方法
</div>
var app = new Vue({ // 创建Vue实例
el: '#app', // el属性:把当前Vue对象挂载到 id为#app的元素上
data: { // data: 是Vue对象中绑定的数据
message: 'Hello Vue!' // message 自定义的数据
}
})