Vue.js
一、Vue.js简介
1.Vue.js 是什么
vue.js 也称为Vue,读音 /vju:/ ,类似于view 错误读音 v-u-e
版本:v1.02 v2.0
- 是一个构建用户界面的框架
- 是一个轻量级MVVM (Model-View-ViewModel)框架,和angular,react类似,其实就是所谓的数据双向绑定。
- 通过简单的API实现响应式的数据绑定和组合的视图组件
- 更容易上手、小巧
参考 : 【官网】
2.vue和angular的区别
2.1 angular
- 上手较难
- 指令以ng-xxx开头
- 所有属性和方法都存在$scope中
- 由google维护
2.2 vue
- 简单、容易学、更轻量
- 指令以v-xxx开头
- HTML代码+JSON数据,再创建一个vue的实例
- 由个人维护: 尤雨溪:华人,目前就职于阿里巴巴,2014.2开源vue.js库
共同点:都不兼容低版本的IE
二、起步
1.下载核心库vue.js
vue实现
js:
//配置是否允许vue.devtools检查代码,为方便调试。生产环境中需要设置为false
Vue.config.devtools = false;
Vue.config.productionTip = false ;//阻止vue启动时生产消息
new Vue({
el:'#itany,//指定关联的选择器
data:{
mag:"Hello World",
name:"tom"
}
})
html:
<div id="itany">
{{msg}}
{{name}}
</div>