vue笔记总结

1.click.stop阻止点击事件继续传播

<button @click.stop="dothis">阻止单击事件继续传播</button>

2.@input监听input输入事件

<input
:type="type"
:value="value"
:placeholder="placeholder"
:name="name"
@input="$emit('input',$event.target.value)"
/>

3.$event.target.value获取当前文本框的值

<input :value=var @input="$emit('updata:val',$event.target.value)"

4.在git上添加自己的名称,邮箱

$ git config -- global user.name "sudongxue"

修改邮箱

$ git config -global user.email "邮箱地址"

刚添加的分支更新在编辑器上找不到时 git指令更新

git fetch

5.vue根据class名隐藏多个div

this.$('.div1, .div2').css('visibility','hidden')

6.i%5=0    %取余

只有当i为5的倍数的时候值为1,其他数为0

在if语句中1为真,0为假

if(i%5==0&&i%3)

i是5的倍数,但不是3的倍数。

7.js中的运算符

+加 -减 *乘 /除 %求余数(保留整数) ++累加  --递减

8.js中的逻辑运算符

&& || !

9.条件运算符(三目运算)

表达式A?表达式B:表达式C

若A为真(非0)则将B的值作为整个表达式的取值,否则(A为0)将C作为取值

Eg:max=(a>b)?a:b     (a>b)为true max=a否则max=b 将a和b两者较大值赋给max

  min=(a<b)!a:b   将a和b两者较小值赋给min

10.vue获取当前点击div的html值

<div @click="btn_user($event)">用户</div>

  methods:{

  btn_user(e){

  console.log(e.target.innerHTML)

}

}

11.刚加载页面时,直接调用某个方法

mounted:function(){

  this.a()

},

methods:{

a(){

  console.log(123)

}

12.vue中的渲染函数render

render:(h,params)=>{

If(this.tableData[params.index].cover){

return h(‘div‘,{

attrs:{

class:’domeClass’

}

},[h(“img”,{

Attrs:{

Src:this.tableData[params.index].imgSrc

}

})])

}

}else{

Return h

}

猜你喜欢

转载自www.cnblogs.com/wssdx/p/10758073.html