vue指令之v-bind
发布日期：2021-05-07 01:02:11
浏览次数：26
分类：原创文章
本文共 889 字，大约阅读时间需要 2 分钟。
main.js：
var app = new Vue({ el: '#app' , data: { url: 'http://www.baidu.com', img: 'https://img-ads.csdn.net/2018/201802111410487231.png', isActive: true, isYellow: true, isBlue: true }});
index.html：
<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ background:#FF0000; } .yellow{ background:#00FF00; } .blue{ background: #0000FF; } </style></head><body><div id="app"> <p><a v-bind:href="url">点我</a></p> <p><img v-bind:src="img"/></p> <P v-bind:class="{active:isActive}">颜色</P> <p v-bind:class="{yellow: isYellow}">绿色</p> <p :class="{blue: isBlue}">蓝色</p></div><script src="../lib/vue.js"></script><script src="./js/main.js"></script></body></html>
发表评论
最新留言
感谢大佬
[***.8.128.20]2025年04月02日 20时08分22秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
【备份】求极限笔记
2021-05-08
C++学习记录 四、基于多态的企业职工系统
2021-05-08
C++学习记录 五、C++提高编程(2)
2021-05-08
面试问道nginx优化怎么做的
2021-05-08
自学linux毕业shell面试题
2021-05-08
4 Java 访问控制符号的范围
2021-05-08
第9章 - 有没有替代原因（检验证据）
2021-05-08
VUE3（八）setup与ref函数
2021-05-08
Vue之Element标签页保留用户操作缓存。
2021-05-08
智能合约开发实践（1）
2021-05-08
2. Spring Boot学习——Yaml等配置文件教程
2021-05-08
MATLAB——操作矩阵的常用函数
2021-05-08
CMake自学记录，看完保证你知道CMake怎么玩！！！
2021-05-08
Eigen库中vector.transpose()函数什么意思
2021-05-08
ORB-SLAM2：LocalMapping线程学习随笔【李哈哈：看看总有收获篇】
2021-05-08
ORB-SLAM2：LoopClosing线程学习随笔【李哈哈：看看总有收获篇】
2021-05-08
牛客练习赛56 D 小翔和泰拉瑞亚（线段树）
2021-05-08
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457363116 位访客