Vue中实现文本框与标签的双向绑定

1.Vue之v-model双向绑定、用侦听功能取反字符串

①v-model

v-model：**用来对 input、select、textarea、checkbox、radio等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。

<input type="text" v-model="msg">
 <p>{
  {msg}}<p>
 <script>
	new Vue({
    
		el: '#app',
		data: {
    
		msg: '双向同步绑定',
		}
	})
</script>

②methods属性: 定义vue实例所有可用的方法。
例如：点按钮后触发像msg2的值=msg取值并计算的结果。

<input type="text" v-model="msg">
<input type="button" v-on:click="msgreverse" value="按钮事件" />
 <p>双向绑定标签值：{
  {msg}}<p>
 <p>按钮 取值 结果：{
  {msg2}