Vue特点

易用    灵活    高效

易用

<div id="app">

    {{ message }}

</div>

var app = new Vue({

    el: '#app',

    data: {

        message: 'Hello Vue!'

    }

});

灵活 —— 渐进式

声明式渲染    Declarative Rendering

组件系统    Component System

客户端路由    Client-Side Routing

大规模状态管理    Large Scale State Management

构建工具    Build System

高效

16kb min+gzip的运行大小

超快的虚拟DOM

最省心的优化

Vue基础指令

指令的使用：v-model    v-text    v-show    v-if    v-bind    v-for    v-on

过滤器filter：对接口返回的字段进行转换

组件Component