Vue

数据驱动的组件,为现代化的 Web 界面而生

Vue.js 最低兼容 IE9

install

Download vue.js


Hello World

{{message}}


<div id="demo">
	<p>{{message}}</p>
	<form class="form-inline">
	  <div class="form-group">
	    <input v-model="message" type="email" class="form-control" placeholder="Enter email">
	  </div>
	</form>
</div>
<script>
var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>

特点

简洁

HTML 模板 + JSON 数据,再创建一个 Vue 实例

数据驱动

自动追踪依赖的模板表达式和计算属性

组件化

用解耦、可复用的组件来构造界面

轻量

24kb min+gzip,无依赖

快速

精确有效的异步批量 DOM 更新

开源模块多

通过 NPM 或 Bower 安装第三方模块