Vue绑定之 v-on v-bind v-module间的区别

最新推荐文章于 2024-01-30 20:02:10 发布

郭志林

最新推荐文章于 2024-01-30 20:02:10 发布

阅读量696

点赞数

分类专栏： Vue Web 文章标签： vue javascript js java vue.js

本文链接：https://blog.csdn.net/qq_44702163/article/details/111317662

版权

Vue绑定事件

1. v-bind

主要用于相应更新HTML元素的属性，将一个或多个属性或者一个组件的prop动态绑定到表达式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <!--        绑定一个属性-->
    <img v-bind:src="imgSrc" alt="#">
    <!--    缩写-->
    <img :src="imgSrc" alt="#">
    <!--动态属性名-->
    <a v-bind:[attrname]="url">链接</a>
    <!--    内联字符串拼接-->
    <img src=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

郭志林

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Vue绑定之 v-on v-bind v-module间的区别

Vue绑定事件1. v-bind 主要用于相应更新HTML元素的属性，将一个或多个属性或者一个组件的prop动态绑定到表达式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!--
复制链接

扫一扫