viewer vue 文档_vue文档

vue 的读音 view

vue到底是什么？

一个mvvm框架

vue和angular的区别：

vue：简单容易上手 指令以v-开头 个人维护的项目 比较小巧适合移动端的项目

angular：指令以ng-开头 由谷歌维护 所有属性和方法都挂在$scope身上 适合pc端的项目

共同点：不兼容低版本浏览器

常见的指令

指令就是扩展html标签功能属性

v-model 一般用于表单元素 双向数据绑定

v-for=“value in arr” 在1.0版本中可以直使用$index

比如

$(function(){

• { {value}} { {$index}}

v-on:click="deletePerson($index)"//这个仅仅适用于1.0版本，不要采坑了同学们

• { {value}} { {index}}

v-on:click="deletePerson(index)"

})

在1.0版本中

key是a b c

在2.0版本中 v-for的第二个参数是a b c ，第三个参数是1 2 3

v-on:click=“函数” 函数放在methods里边 简写：@click=“函数”

v-show=“true/false” 显示隐藏

@click(enent,12) 事件对象

阻止事件冒泡

a).ev.cancelBubble=true;

b).@click.stop

阻止默认事件行为

a):ev.preventDefault();

b):@contextmenu.prevent

键盘事件

@keydown $event ev.keyCode

@keyup

常用键

回车a):@keyup.13; 2):@key.enter

上 下 左 右

@keyup/keydown.left

@keyup/keydown.right

@keyup/keydown.up

@keyup/keydown.down

属性

用src图片也会出来 但是在控制台上边会报404的错误

v-bind:src 的简写是 :src

还有：:width :title.....

class和style

class:

:class='' v-bind:class=''

:style='' v-bind:style=''

a、:class="[red,blue]" red blue是data里边的数据

b、:class="{red:true,blue:true}" red blue是data里边的数据

c、:c