创办一个网站要多少钱,网站排名系统,买了域名以后如何做网站,常州网站建设系统效果预览 model 选项的语法 每个组件上只能有一个 v-model。v-model 默认会占用名为 value 的 prop 和名为 input 的事件#xff0c;即 model 选项的默认值为 model: {prop: value,event: input,},通过修改 model 选项#xff0c;即可自定义v-model … 效果预览 model 选项的语法 每个组件上只能有一个 v-model。v-model 默认会占用名为 value 的 prop 和名为 input 的事件即 model 选项的默认值为 model: {prop: value,event: input,},通过修改 model 选项即可自定义v-model 的 prop 和 event 演示代码 父组件 father.vue
templatediv stylemargin: 30pxp stylemargin: 30px{{ msg }}/pChild v-modelmsg //div
/templatescript
import Child from ./child.vue;
export default {components: {Child,},data() {return {msg: 你好,};},
};
/script子组件 child.vue
templatedivinput typetext inputchang_parentMsg :valueparentMsg //div
/templatescript
export default {model: {prop: parentMsg,event: chang_parentMsg,},props: {parentMsg: String,},methods: {chang_parentMsg(e) {this.$emit(chang_parentMsg, e.target.value);},},
};
/script