VUE3与Uniapp 三 (属性绑定)

xml 复制代码
<template>
	<image :src="pic"></image>
	
	<!-- 此时loading的false是字符串,不是布尔类型 -->
	<button loading="false">按钮1</button>
	<!-- 此时loading使用了属性绑定,这时的false是布尔类型 -->
	<button :loading="false">按钮2</button>
	<button :loading="isLoading">按钮3</button>
</template>

<script setup>
	import {ref} from "vue";
	
	let pic = ref("https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png");
	
	let isLoading = ref(false);
</script>

<style lang="scss">

</style>
相关推荐
Tanjia_kiki2 小时前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun62 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
IMPYLH2 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ2312 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别
何以解忧,唯有..2 小时前
Vue 3 模板语法详解:从插值到指令的完整指南
前端·javascript·vue.js
EasyGBS3 小时前
从接入到稳定播放:无插件直播H5视频流媒体播放器EasyPlayer.js如何撑起Web端流媒体
开发语言·前端·javascript
Carl_奕然3 小时前
【智能体】Agent的四种设计模式之:React(2026最新版)
javascript·人工智能·python·react.js·设计模式·语言模型
名为沙丁鱼的猫7293 小时前
React/JSX 编码规范
前端·javascript·react.js
Highcharts.js3 小时前
甘特图纵向任务、横向时间显示图表可视化开发|Highcharts甘特图示例
开发语言·前端·javascript·可视化·甘特图·数据可视化·highcharts