vue指令：v-bind 偏执的太偏执、 2022-08-28 05:54 6阅读 0赞 **注意：代码所需vue可以通过npm i vue --save下载，然后引入即可** **案例** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./node_modules/vue/dist/vue.js"></script> <style> img { width: 100px; height: 100px; } </style> </head> <body> <div id="app"> <h3>媒体元素</h3> <img v-bind:src="img" alt=""> <img v-bind:src="ava" alt=""> <a v-bind:href="website.url"> <img v-bind:src="website.logo" alt="" v-bind:title="website.name"> </a> <hr> <!-- 简写 --> <h3>媒体元素</h3> <img :src="img" alt=""> <img :src="ava" alt=""> <a :href="website.url"> <img :src="website.logo" alt="" :title="website.name"> </a> <!-- v-bind还可以绑定自定义属性 --> <div :aa="website.name">嘿嘿嘿嘿嘿嘿</div> </div> <script> new Vue({ el: '#app', data: { img: 'https://img0.baidu.com/it/u=2130615794,142753515&fm=26&fmt=auto', ava: 'https://img0.baidu.com/it/u=1079959710,2776870030&fm=26&fmt=auto', website: { name: '优就业', url: 'http://ujiuye.com/', logo: 'http://www.ujiuye.com/statics/images/newzhu_images/logo.png' } }, methods: {} }) </script> </body> </html> **效果：** ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pif5bG_SA_size_20_color_FFFFFF_t_70_g_se_x_16][] [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pif5bG_SA_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/8e71f5f23fb6405cb126b3b309c85e15.png
相关 Vue指令 Vue指令 * v-text * v-html * v-show * v-if * v-else * v-else-if * v-for ... 迈不过友情╰/ 2024年04月17日 05:59/ 0 赞/ 98 阅读
相关 vue 指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 谁借莪１个温暖的怀抱￠/ 2023年11月05日 00:52/ 0 赞/ 126 阅读
相关 Vue指令 一、Vue指令的规定 1. 所有的Vue指令必须以v-开头，后面带命令动词。 2. 指令的参数：v-指令动词.参数 3. 指令的修饰符：v-指令动词:修饰符 二 阳光穿透心脏的1/2处/ 2023年06月25日 11:29/ 0 赞/ 28 阅读
相关 Vue指令 v-text v-text的作用跟插值表达式是一样的，但是不同的地方在于：v-text会覆盖元素中原本的内容，插值表达式只会替换自己的这个占位符，不会把整个元素的内容清空 男娘i/ 2023年06月09日 07:59/ 0 赞/ 31 阅读
相关 Vue 指令 基本指令 （1）v-bind指令 语法格式1：单个语法格式 v-bind:attributeName=variable 以下是HTML代码： < 矫情吗；*/ 2023年06月06日 08:22/ 0 赞/ 31 阅读
相关 vue指令 总结 v-text v-text是一个渲染文本的指令 不能解析标签 会把标签当成字符串渲染在页面上 v-html v-html 也是一个渲染 电玩女神/ 2023年02月22日 13:56/ 0 赞/ 43 阅读
相关 vue指令 vue指令 一个正在努力爱好运动的前端 座右铭：越努力越幸运，越运动越健康，热爱编程，热爱运动。 -------------------- 文章目录 朱雀/ 2022年12月22日 06:12/ 0 赞/ 153 阅读
相关 vue指令 vue介绍 1.作者 尤雨溪(vue) \[阿里\] 3.0 2.vue概念 官网：[Vue.js][] 渐进式 JavaScript 框架 渐进式：主 偏执的太偏执、/ 2022年09月16日 06:05/ 0 赞/ 174 阅读
相关 Vue指令 本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 非商业用途自由转载，保持署名，注明出处！ ------- 待我称王封你为后i/ 2021年11月17日 13:10/ 0 赞/ 445 阅读
相关 Vue指令 Vue指令 1. watch监听 在vue中watch就是时时刻刻的监听绑定的这个data模型数据，当这个数据发生变化的时候，watch就会被触发，自动的执行其中的 ￡神魔★判官ぃ/ 2021年07月24日 19:31/ 0 赞/ 532 阅读
迈不过友情╰
朱雀
￡神魔★判官ぃ
还没有评论，来说两句吧...