vue实现一个自定义组件双向绑定

<!-- 子组件 -->
<template>
<div>
    <input type="text" :value="value" @input="$emit('input', $event.target.value)">
    <h1>{{value}}</h1>
</div>
</template>

<script>
export default {
    props: {
        value: {
            type: String,
            default: ''
        },
    },
}
</script>
<!-- 父组件 -->
<template>
  <div>
    <HelloWorld v-model="msg"/>
    <!-- 相当于 -->
    <!-- <HelloWorld :value="msg" @input="msg = $event"/> -->
  </div>
</template>
<script>
import HelloWorld from './components/HelloWorld.vue' // 引入
export default {
  components: {
    HelloWorld
  },
}
</script>
上一篇:向redis里set一个键值对


下一篇:java 工具类 之 邮件工具类