Heim  >  Artikel  >  Web-Frontend  >  Berechnete Eigenschaften und Datenüberwachung in Vue.js

Berechnete Eigenschaften und Datenüberwachung in Vue.js

php中世界最好的语言
php中世界最好的语言Original
2018-03-13 14:13:031479Durchsuche

Dieses Mal werde ich Ihnen die berechneten Eigenschaften und die Datenüberwachung von Vue.js vorstellen. Was sind die Vorsichtsmaßnahmen für die berechneten Eigenschaften und Datenüberwachung von Vue.js? Werfen wir einen Blick darauf.

Berechnetes Attribut berechnet
Anforderung: Ersetzen Sie die Zahlen im Formulareingabeinhalt

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

Berechnete Eigenschaften und Datenüberwachung in Vue.js

Der obige Effekt

Das obige ist der detaillierte Inhalt vonBerechnete Eigenschaften und Datenüberwachung in Vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn