![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端
雄大y
这个作者很懒,什么都没留下…
展开
-
绑定动态属性
业务逻辑: export default { name: "App", data() { return { title: "自定义属性值", }; }, }; template模板: <div title="你好vue">鼠标放上去试试1</div> <br /> <div :title="title">鼠标放上去试试2</div> ...原创 2021-07-04 19:45:42 · 91 阅读 · 0 评论 -
v-for循环数组
业务逻辑: export default { name: "App", data() { return { list1: ['马总', '刘总', '李总'], list2: [{ 'title': '新闻111' }, { 'title': '新闻222'原创 2021-07-04 19:33:00 · 825 阅读 · 0 评论 -
v-bind动态参数
业务逻辑: export default { name: "App", data() { return { attributeName: "href", linkUrl: "http://39.104.51.155:5000/", }; }, }; template模板: <a v-bind:[attributeName]="linkUrl"> 这是一个地址 </a> 或者原创 2021-07-04 19:30:20 · 378 阅读 · 0 评论 -
Vue3.x v-bind绑定属性
业务逻辑: export default { name: "App", data() { return { logoSrc: "https://39.104.51.155:5001/" }; }, }; template模板: 1、绑定属性的第一种写法v-bind: <img v-bind:src="logoSrc" alt="logo"> 2、绑定属性的第二种写法: <img :src="l原创 2021-07-04 19:28:06 · 744 阅读 · 0 评论 -
Vue3.x v-html绑定html
业务逻辑: export default { name: "App", data() { return { h2: "<h2>你好vue,大雄测试</h2>" }; }, }; template模板: <span v-html="h2"></span>原创 2021-07-04 19:26:02 · 5321 阅读 · 0 评论 -
vue3.x绑定数据
业务逻辑: export default { name: "App", data() { return { msg: "测试数据绑定", userinfo: { username: "大雄", age: 30 } }; }, }; template模板: <template> <原创 2021-07-04 19:23:35 · 173 阅读 · 0 评论