Vue
雪子
这个作者很懒,什么都没留下…
展开
-
Vue指令之V-if篇
v-if见名知意,就和我们在java中的if功能类似java中if(条件成立) {执行语句};只不过Vue中将java中的执行语句换成了标签快中的内容在v-if中,也是类似的 v-if="条件",如果条件为真,就执行标签快中的内容废话不多说,直接上代码:<html><head><meta charset="utf-8"><title...原创 2018-09-16 12:53:33 · 2885 阅读 · 0 评论 -
Vue指令之v-else篇
讲完v-if篇,那么接下里我们就说说v-else喽对比java中的if(条件) {条件成立执行的语句} else {条件不成立执行的语句}我相信你的脑瓜子已经转了90度,已经完全搞明白Vue的v-else该怎么用了没错:就是v-if="条件" 条件成立 v-else 条件不成立,有没有发现 v-else离不开v-if,如果没有v-if的存在 v-else将变得毫无意义。不啰嗦了: ...原创 2018-09-16 13:13:15 · 6428 阅读 · 2 评论 -
Vue指令之v-show篇
扯到v-show就不得不说说他老人家和v-if 的藕断丝连了我先试着扯一扯:v-if 呢如果条件为false,那么在生成的HTML语句中,条件为false的标签不会生成在代码中例如:代码:运行后:浏览器输出:有没有发现,<h1 v-if="error">Error!</h1>这部分在运行后没有生成v-show呢如果条件为false...原创 2018-09-16 14:18:55 · 144399 阅读 · 2 评论 -
Vue指令之v-for篇
现在接着来扯v-for指令v-for顾名思义,和java中的for指令一个用法,该指令用来循环遍历一个数组v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:废话不多说,直接上代码:<html><head><meta ...原创 2018-09-16 14:57:21 · 811 阅读 · 0 评论 -
Vue指令之v-on篇
说到v-on就立马事件,最典型的的例子就是按钮的事件我们可以用v-on监听事件,并对用户的输入进行响应。先举个例子,上代码:<html><head><meta charset="utf-8"><title>Vue指令之v-on</title><script src="https://cdn.bootcss原创 2018-09-16 19:24:59 · 788 阅读 · 0 评论 -
Vue指令之v-bind篇
v-bind指令,bind中文意思是捆绑的意思,额,捆绑。。。其绑定的参数在v-bind:指令中的maohao(冒号)后指明,没错就是我标红的那个冒号v-bind指令被用来响应地更新HTML属性。扯了这么多,还不如举个例子:小二,上代码:<html><head><meta charset="utf-8"><title>...原创 2018-09-16 19:55:55 · 1338 阅读 · 0 评论