vue语法有哪些常用指令,下面web建站小编给大家详细介绍一下vue的常用指令!
vue常用指令
v-for
<li v-for="(item,index) in arr" :key="item.id"> {{ item.name }} </li>
v-if/v-else
<div v-if="false"> 如果 </div> <div v-else> 否则 </div>
v-if/v-else-if
<p v-if="score>=90">厉害</p> <p v-else-if="score>=60">差不多</p>
<div v-show="true"> 如果 </div> <div v-show="false"> 否则 </div>
<template> <div v-once>{{count}}</div> <button v-on:click="addCount"> 你点我count也不加 </button> </template> <script> export default { data() { return { count: 10 } }, methods: { addCount: function () { this.count += 1; console.log('this.count:'+this.count); } } } </script>
<p v-text="data"> hello </p>
<p v-text="data"> good </p>
<p :class="bind"></p>
<input v-model="test"> <input v-model.lazy="msg" > <input v-model.trim="msg"> <input v-model.number="age" type="number">
v-for循环绑定el-color-picker颜色选择器绑定value/v-model值
标签: v-bind, v-html, v-model, v-once, v-show, v-text, 常用指令
上面是“vuejs项目常用指令介绍”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3065.html
workflows工作流
- 完整海报生成comfyui工作流
- 一只在森林里漫步的麋鹿ComfyUI工作流
- 图生图工作流:一键转换成高清动漫照片
- 小孩手握锤子顽皮搞笑卡通3d形象
- 一群可爱的小老鼠ComfyUI工作流
- 在月球上穿着太空服的宇航员
- 一只精致透明的朱红色水晶狐狸
- 一对葫芦ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!