当前位置: 代码迷 >> 综合 >> vuejs 学习总结之-指令篇
  详细解决方案

vuejs 学习总结之-指令篇

热度:57   发布时间:2023-12-16 04:51:29.0

1.v-model 数据的双向绑定,一般用在文本元素中,目的就是获取文本元素的值,也可以用@input来代替v-model,@input是一个事件
2. v-for 循环元素
3. v-if,v-else-if,v-else 条件渲染指令,相当于js中的if、else 、else if,v-if = “express” ,如果表达式的值为true则在html中渲染该元素,如果为false,则不渲染该元素
4. v-show 显示或是隐藏元素,相当于CSS的display:block或是display:none
5. v-on 指定一个事件,v-on:click 注册一个点击事件,现在是用语法糖@click,类似的还有很多:@keyup,@keypress,@mouseout,@mouseover等
6. v-once 表示该元素只渲染一次,不怎么常用
7. v-html 会将html标签渲染出来
8. v-text 只渲染html标签中的文本,不会有html标签
9. v-link 链接,相当于标签
10. v-router 路由指令
11. b-bind 给元素绑定一个属性,也可以是一个自定义属性,
比如:v-bind:style –>:style v-bind:class –> :class

未完待续。。。