使用v-model进项双向绑定的时候注意官网的这段话
上我的代码,如果使用报错注意vue.js文件的位置
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="../js/vue.min.js"></script>
</head>
<body>
<div id="app">
<!-- <test-com :name="dt" @c-input="event"></test-com> -->
<test-com :value="dt" @input="v.dt=$event"></test-com>
<test-com v-model="dt"></test-com>
{{dt}}
</div>
<script type="application/javascript">
Vue.component("test-com",{
props:["value"],
template: `<input type="text" @input="$emit('input',$event.target.value)" :value="value"/>`
})
let v = new Vue({
el: "#app",
data:{
dt:""
},
// methods:{
// event: function(data){
// console.log(data)
// v.dt = data
// }
// }
})
</script>
</body>
</html>