Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

Computed properties and data monitoring in Vue.js

php中世界最好的语言

Release： 2018-03-13 14:13:03

Original

1430 people have browsed it

This time I will bring you the calculation properties and data monitoring of Vue.js. What are the precautions for Vue.js calculation properties and data monitoring. The following is a practical case. Let’s take a look.

Computed attribute computed
Requirement: Replace the numbers in the form input content

<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>

Copy after login

Computed properties and data monitoring in Vue.js

The above effect

The above is the detailed content of Computed properties and data monitoring in Vue.js. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

javascript vue.js monitor

source：php.cn

Previous article：Vue.js event binding-form event binding Next article：Communication between components in Vue.js

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn