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