v-model的实例

一、v-model的基础用法
用在input标签，input标签类似子组件
button事件修改父组件的message值，子组件input的框里的内容会发生改变；
在input（子组件）框里改变输入值，父组件的message值也发生改变；

<template>
	<div>
		<button @click="changeInput">changeInput</button>
		<input v-model="message" placeholder="edit me">
		<p>Message is: {
   {
    message }}</p>
	</div>
</template>

<script>
	export default{
   
		data(){
   
			return {
   
				message: "plrease input..."
			}
		},
		methods:{
   
			changeInput() {
   
				this.message = this.message