Vue.js提供了哪些内置指令,至少写出五个。

JavaScript09

Vue.js提供了哪些内置指令,至少写出五个。,第1张

5.1 基本指令

5.1.1 v-­cloak一般与display:none进行结合使用

作用:解决初始化慢导致页面闪动的最佳实践

5.1.2 v­-once

定义它的元素和组件只渲染一次

5.2 条件渲染指令

5.2.1 v­-if, v-­eles-­if ,v­-else

用法: 必须跟着屁股走

v-if后面的等号必须是布尔值

v-if的弊端 :

Vue 在渲染元素时 ,出于效率考虑,会尽可能地复用已有的元素而非重新渲染, 因此会出现乌龙

只会渲染变化的元素,也就是说,input元素被复用了

Vue.js为两个最为常用的指令提供了特别的缩写:

v-bind缩写

<!--完整语法-->

<a v-bind:href="url">测试</a>

<!--缩写-->

<a :href="url">测试</a>

v-on缩写

<!--完整语法-->

<a v-on:click="doSomething">修改</a>

<!--缩写-->

<a @click="doSomething">修改</a>

v-for=" 循环

v-model='' 双向绑定,用于表单元素

v-on:事件名='函数名 绑定一个事件,简写@click=''

v-bing:属性名='' 绑定一个属性,简写 :属性名='值'

v-show='' 控制元素的显示或隐藏 dsiplay:none

v-if='' 控制元素的显示或隐藏 visibility:hidden

v-else

v-else-if

&&与 ,有假与为假

|| 或 ,有真或为真

! 非 ,取反

if(条件){

//1

}else{

//2

}

if(条件1){

//1

}else if(条件2){

//2

}else 你发(条件3){

//3

}else{

}

var num=123.456;

console.log(num.toFixed(2));四舍五入

console.log(Math.random()*1000.toFixed(0))