<html>
<head>
<script src="vue.js"></script>
</head>
<body>
<div id="app" v-cloak>
<input-component></input-component>
</div>
</body>
<script>
let InputComponent={
data(){
return {
name:"张三"
}
},
template:`
<div>
<input type="text" v-model="name" />{{name}}
</div>
`
}
new Vue({
el:"#app",
components:{
InputComponent
}
})
</script>
</html>
Vue2局部组件
最新推荐文章于 2024-08-08 17:42:27 发布
这篇博客展示了如何在 Vue.js 中创建一个名为 `InputComponent` 的自定义组件,该组件包含一个文本输入框,并利用 `v-model` 双向绑定数据。在示例中,`name` 属性初始化为 '张三',并在输入框中显示和更新。
摘要由CSDN通过智能技术生成