vue-动态属性

<template>
    <div>
        <a :href="url">{{msg}}</a>    
    </div>   
</template>

        data() {
            return {
                msg: "百度一下",
                url: "https://www.baidu.com"          
            };
        },

实现v-medel
@input:输入的值改变就会触发事件
<template>
    <div>
        <input type="text" :value="msg" @input="handle">   
    </div>   
</template>

<script>
    export default {
        name: "HelloWorld",
        props:{
            
        },
        data() {
            return {
                msg: "百度一下"
            };
        },
        methods: {
            handle:function(){
                this.msg = $event.target.value
            }
        }
    };
</script>