vue.js是一个轻量的前端框架,本身具有响应式编程和组件化的特点。
vue.js组件化理念和ReactJS异曲同工——“一切都是组件”,可以将任意代码注册成标签,在模版中调用,组件的复用,可以大量减少重复的代码,同时配合vue-loader,可以将一个组件的css、html和js写在一个文件里,实现模块化开发。
为什么要使用vue.js?
相比于AngularJs与ReactJs,vue.js更轻量化,更容易上手。MVVM的开发模式,使得我们只需关注data的变化,实现维护视图和数据的统一。vue.js抛弃了对ie8的支持,在移动端方面,可以支持到android 4.2+和ios7+。在传统的前后端混合的项目中,vue.js会受到一定的限制。理想状态下,还是前后端分离的项目使用vue.js合适。

Hello World!

引入Vue.js可以使用线上CDN,也可以用npm安装:npm install vue,输出:Hello World!

<div id="app">
  <h1>{{msg}}</h1>
</div>
<script type="text/javascript">
  var vm = new Vue({
    el: '#app',
    data: {
      msg: 'Hello World!'
    }
  });
</script>