Vue.js 3.x监听器的监听方法及其示例

在使用监听器的时候,除了直接写一个监听处理函数外,还可以接收一个加字符串形式的方法名,方法在methods 选项中定义。

【例7.2 】使用监听器方法(源代码\ch07\7.2.html )。

在示例中监听了yuan jiao 属性,后面直接加上字符串形式的方法名method1 method2 ,最后在页面中使用v-model 指令绑定yuan jiao 属性。


    

元和角的转换

    

元:

    

角:

Chrome 浏览器中运行程序,在第一个输入框中输入6 ,可以发现第二个输入框的值相应地变为60 ,如图7-2 所示。同样,在第二个输入框中输入内容,第一个输入框也会相应地变化。

请使用浏览器的分享功能分享到微信等