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指令的方法这句话。