vue之指令的使用(一)
本文纯属个理解学习
v-text感觉作用上和data里面声明一个变量显示没什区别。
data里面声明变量显示的方法是把这样的一对大括号括起来的{{data的变量名}}放在标签里面。
v-text就是在data里面声明变量在再把data里面声明的变量拿出来放在v-text="data里面声明的变量名"显示结果一样没什么区别。
v-html和v-text一样但两者的区别在于,v-text会吧data变量里面的人和内容都会当成文本在页面显示,而v-html不一样,他会把data变量里面的html代码解析,不会当文本显示。
页面显示效果。
v-show和v-if的区别、用法、和介绍。
v-show的介绍用官方的说法就是:根据表达式之真假值,切换元素的 display
CSS 属性。当条件变化时该指令触发过渡效果。
页面显示效果是这样的:
要是想显示就把text_block改成true就可以显示了,他就是用css的display属性控制其显示和隐藏。
v-if和v-show不一样,v-if不显示的话是不会渲染dom元素的,v-if的代码:
页面显示结果:
在看v-if的隐藏效果,text_block的值改成其他的就行。看其显示效果:
dom元素根本就没有被渲染出来
再看v-else,其实也就是js的if和else条件语句,看看v-else的效果:
页面显示效果:
v-else-if的指令用法代码:
页面会显示:我是v-else-if指令的方法这句话。