Vue入门及介绍，基础使用
1 vue:就是一个js框架，跟jquery很像
2 cdn，下载到本地，script中引入
Title
?
?
?
{{ message }}
{{ name }}
?
?
Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架
与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合
渐进式框架
可以一点一点地使用它，只用一部分，也可以整个项目都使用它，就是一个前端项目
网站
-
官网：https://cn.vuejs.org/
-
文档：https://cn.vuejs.org/v2/guide/
版本
-
1.X：使用得较少
-
2.X：普遍使用
-
3.X：刚出没多久，只有Beta版
Vue特点
易用
-
通过 HTML、CSS、JavaScript构建应用
灵活
-
不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。
高效
-
20kB min+gzip 运行大小
-
超快虚拟 DOM
-
最省心的优化
指令
属性指令
v-bind:src/href/name/='变量' 缩写成 :src='变量'
Title
按键修饰符
Title
?
?
?
?
?
表单控制
单选，多选
Title
单选
男
女
未知
您的性别：{{sex}}
多选
篮球
足球
桌球
棒球
羽毛球
乒乓球
双色球
您喜欢的球类：{{hobby}}
进阶-全选/全不选
基本购物车计算商品价格
购物车
图片
名称
价格
数量
全选/不全选
![]()
{{good.name}}
{{good.price}}
{{good.count}}
选中的商品：{{checkGroup}}
总价格：{{sumPrice()}}
v-model 进阶
v-model 之 lazy、number、trim
Title
?
{{name}}
?
{{name1}}
?
{{name2}}
{{name3}}