V-指令,细节补充

 

 v-for遍历对象的时候

v-for=" (item) in person" 

这里item是person对象里面的value值

而v-for=" (item,key) in person" 

这里的 key 第二个参数是value的key。属性

当v-for=" (item,key,index) in person" 

这里的index 第三个参数指的是下标

 

而v-for在遍历数组的时候,v-for=" (item) in arr" 

item是数组里的数据。

v-for=" (item,index) in arr" 

第二个参数则是数组的下标

在VUE中,如果不想额外的渲染出新标签,可以用<template></template>

 

 

在v-on 传参的时候。想获取事件对象的时候,可以用$event。

@click="shijianname(1,2,$event)"

当然,如果不写参数,在函数中躯参,可以不用$event

 

v-cloak 可以防止 {{ }} 闪烁。

当数据比较大的时候,该显示的数据不会立刻显示,而是会先出来双花括号 {{ }},然后再渲染出对应的画面。

为了避免这样的情况狂出现我们可以用v-cloak使用方法如下。

 

 

在最后随口说一下代码的抽离复用 mixins

 

 使用方法如下图:

 

 

posted @ 2020-08-28 20:33  卖糖纸的小糖果  阅读(255)  评论(0)    收藏  举报