v-bind指令
指令 bind
2023-09-14 08:57:25 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .btn{ color: red; } </style> </head> <body> <div id="app"> <a v-bind:href="url" v-bind:class="{btn:isactive}">点我吧</a> </div> <script src="../lib/vue.js"></script> <script src="js/main.js"></script> </body> </html>
var app = new Vue({
el:"#app",
data:{
url:"http:baidu.com",
isactive:true,
}
})
相关文章
- Linux ifconfig指令
- WCF 找不到类型“WcfServiceStudy.WcfService”,它在 ServiceHost 指令中提供为 Servi
- Angular自定义structural指令的实例化过程以及set方法的调用
- Atitit.java 虚拟机的构成 与指令分类 与 指令集合 以及字节码查看工具javjap
- 一瓶可乐的自动售货机指令“旅程”
- Vue学习之--------内置指令的使用【v-bind、v-model、v-for、v-on、v-if 、v-else、v-show、v-text。。。】(2022/7/19)
- C# 预处理器指令列表
- linux源码阅读笔记 jmpi指令(转)
- Windows下,tar指令打包文件,不包含路径
- 【计算机系统结构】~ MCU、AXI、IIC、SPI、GPIO、JTAG 接口、指令执行步骤、晶体与晶振的区别
- 华为校招机试 - 指令排序(Java & JS & Python)