Vue.js 第一天

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>