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

Berechnete Eigenschaften und Datenüberwachung in Vue.js

php中世界最好的语言
Freigeben: 2018-03-13 14:13:03
Original
1494 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage