<template> //视图
<div>
<p>{{msg}}</p> //帮定数据
<img v-bind:src="logo" alt=""/> //绑定属性
<img :src="logo" alt=""/> //绑定属性简写
</div>
</template>
<script> //业务逻辑
export default {
data() {
return {
msg:"你好vue"
logo:"图片地址"
};
},
};
</script>
<style> //样式
</style>
Vue绑定数据 绑定属性
最新推荐文章于 2022-07-27 15:43:37 发布