Bei der Entwicklung mit dem Vue-Framework besteht ein häufig verwendetes Zwischenwertdenken darin, den Wert zu ändern, der durch ein indirektes Attribut wiedergegeben werden muss
Wenn wir den Wert übergeben, wenn wir mitt verwenden, um den Wert zu übergeben, dann ist der übergebene Wert in bus.on
der Funktion, wir müssen ihn herausnehmen und ihn dann der Vorlagensyntax zuweisen, wie bekommt man dann bus.on
den Wert aus der Funktion?
Wir müssen zuerst einen Zwischenwert definieren
const midvalue = ref()
bus.on
Die Idee ist , den übergebenen Wert diesem Zwischenwert zuzuweisen und dann den Wert des Zwischenwerts als Wert der Vorlagensyntax in die Vorlage einzufügen
Code zeigen wie folgt:
<template>
// 把中间值赋值给模板语法 第三步
<div>{
{
midvalue}}</div>
</template>
<script setup>
import {
ref } from 'vue'
import {
bus } from 'mitt.js'
// 创建中间值 第二步
const midvalue = ref()
// 把接收到的值赋值给中间值 第一步
bus.on('事件名',(接收到的值)=>{
midvalue.value = 接收到的值
})
</script>
Wenn sich die Daten in einem div dynamisch ändern, das heißt, es gibt mehrere Werte , die den Daten in diesem div entsprechen, müssen wir auf die gleiche Weise einen Zwischenwert verwenden , um unterschiedliche Daten zu akzeptieren
Drei Schaltflächen, eine div
, durch Klicken auf die Schaltfläche werden verschiedene Zahlen in der Vorlage gerendert. Die Idee der Implementierung ist also, dass die click
gebundene Funktion beim Klicken auf die Schaltfläche den entsprechenden Wert zuweist midvalue
und midvalue
den Wert dann an übergibt Vorlagensyntax
Warum willst du das tun? Kann man nicht direkt rendern?
Da div
der Vorlagenwert fest ist, ähnlich wie im Folgenden
<div>{
{ name }}</div>
Der Name ändert sich nicht, also kann nur der dem Namen entsprechende Wert geändert werden, dann verwenden wir einen Zwischenwert, um diesen Wert zu tragen, und können den name
Wert dabei kurz ändern