v-bind：（缩写 ：）案例

源码 

<template>
<div class="hello ">
<p v-bind:title="tit">鼠标放上去显示文本框</p>
</div>
</template>

<script>
    export default {
        name: 'HelloWorld',
        props: {
            msg: String
        },
                data() {
            return {
                tit: '文本框',
            }
        },
        }
</script>

运行结果

源码 

<template>
<div class="hello ">
<img :src="img1" alt="" :title="tit" v-show="flag">
</div>
</template>

<script>
    export default {
        name: 'HelloWorld',
        props: {
            msg: String
        },
                data() {
            return {
                img1: require('../assets/logo.png'),
                flag: true,
            }
        },
        }
</script>

运行结果