.trim修饰符

·用于自动过滤用户输入内容首尾两端的空格。

.lazy修饰符

·用于将v-model的触发方式由input事件触发更改为change事件触发。（输入完毕后才更新，只更新一次）

.number修饰符

·用于自动将用户输入的值转换为数值类型，如无法被parseFloat（）转换，则返回原始内容。

<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> </head> <body> <div id=“app”> <!—

{{ inputValue }}

—> <!—

{{ inputValue }}

—> <input type=“text” v-model.number=“inputValue”> <p>{{ inputValue }}</p> </div> <script src=“lib/vue.js”></script> <script> var vm = new Vue({ el: ‘#app’, data: { inputValue: ‘’ } }); </script> </body> </html>