So implementieren Sie ein Kommentar-Framework mit Vue

In diesem Artikel wird hauptsächlich die Implementierung des einfachen Vue-Kommentar-Frameworks (Implementierung der übergeordneten Komponente) vorgestellt. Jetzt teile ich es mit Ihnen und gebe es als Referenz.

Ich habe kürzlich eine Anforderung gesehen:

1. Die Implementierung einer Kommentarfunktion erfordert eine paginierte Anzeige der Kommentarliste

2. Laut The Modul realisiert Komponentisierung

3. Es kann den Herausgeber, die Veröffentlichungszeit und den Inhalt anzeigen

Auf den ersten Blick ist es nicht schwierig, aber in der konkreten Implementierung Es sind immer noch einige Probleme aufgetreten. Da ich Vue zum ersten Mal verwende, bin ich außerdem verwirrt, wenn ich die Dokumentation lese. Lassen Sie uns ohne weitere Umschweife analysieren, wie jedes Modul implementiert wird.

Quellcode-Adresse

Kommentarformularcode:

<!-- 文档结构区开始 -->
<template>
  <p id="comment" >
    <Userp @transferUser="getInput" ></Userp>
    <Commentp :List="List"></Commentp>
    <Pagep @transferUser="getPage" :totalCount="totalCount" :currentPage="currentPage"></Pagep>
  </p>
</template>
<!-- 文档结构区结束 -->

rrree

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So implementieren Sie Webseiten-Grabbing für rote Umschläge in Javascript

Detaillierte Einführung in höherwertige Komponenten in React

Detaillierte Interpretation der React-Backend-Rendering-Vorlage

Das obige ist der detaillierte Inhalt vonSo implementieren Sie ein Kommentar-Framework mit Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!