1、Vue读音,同view.
2、Vue是什么?
一个MVVM框架(库),特点:比较容易上手、小巧
(MVVM,可以类比MVC, MVP, MV*, MVX)
3、官网
4、Vue和angular区别?
Vue : 简单、易学
指令以 v 开头,如 v-xxx
一片html代码配合上json,再new出来vue实例
个人维护项目
适合:移动端项目
vue的发展势头很猛,GitHub上star数量超越angular
angular: 上手难
指令以ng开头,如 ng-xxx
所有属性和方法都挂到$scope身上
由Google维护
适合:PC端项目
共同点: 不兼容低版本的IE
5、v-on:click 可以简写 @click
6、阻止冒泡:@click.stop
7、阻止默认行为:@contextmenu.prevent (如:阻止右键菜单)
8、键盘事件:@keydown
@keyup (@keyup.13 或者 @keyup.enter 表示回车键)
(@keyup.up/down/left/right 表示上/下/左/右)
9、v-bind:src 可以简写 :src (如:width 表示宽度,height/title/class/style等)
10、{{ msg }} 数据更新模板变化
{{ *msg }} 数据只绑定一次
{{{ msg }}} HTML转译输出
11、过滤器
例子:
转大写 {{ msg | uppercase }}
转小写 {{ msg | lowercase }}
首字母大写 {{ msg | capitalize }}
转小写并首字母大写 {{ msg | lowercase | capitalize }}
美元符号 {{ msg | currency }}
人民币符号 {{ msg | currency '¥' }}