這次帶給大家Vue.js的計算屬性和資料監聽,Vue.js計算屬性和資料監聽的注意事項有哪些,下面就是實戰案例,一起來看一下。
計算屬性 computed
需求:把表單輸入的內容中,將數字替換掉
<template> <div id="myapp"> {{myValueWithoutNum}} <br> <input type="text" v-model="myValue"> </div></template><script> export default { data () { return { myValue: '' } },// 计算属性 computed: { myValueWithoutNum () {// 把输入的数字替换为空 return this.myValue.replace(/\d/g, '') } } }</script>
以上效果
以上是Vue.js的計算屬性與資料監聽的詳細內容。更多資訊請關注PHP中文網其他相關文章!