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

JavaScript013

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))