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:
      
{{msg}} {{name}}

你可能感兴趣的:(Vue.js 第一天)