>웹 프론트엔드 >JS 튜토리얼 >Vue.js의 계산된 속성 및 데이터 모니터링

Vue.js의 계산된 속성 및 데이터 모니터링

php中世界最好的语言
php中世界最好的语言원래의
2018-03-13 14:13:031524검색

이번에는 Vue.js의 계산 속성 과 데이터 모니터링에 대해 소개하겠습니다. Vue.js 계산 속성 에 대한 주의 사항

과 데이터 모니터링은 무엇입니까?


계산된 속성 계산

요구 사항: 양식 입력 내용의 숫자 바꾸기

<template>
  <div id="myapp">
    {{myValueWithoutNum}}    <br>
    <input type="text" v-model="myValue">
  </div></template><script>
  export default {
    data () {      return {        myValue: &#39;&#39;
      }
    },//    计算属性
    computed: {
      myValueWithoutNum () {//        把输入的数字替换为空
        return this.myValue.replace(/\d/g, &#39;&#39;)
      }
    }
  }</script>
Vue.js의 계산된 속성 및 데이터 모니터링

🎜위 효과

위 내용은 Vue.js의 계산된 속성 및 데이터 모니터링의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.