Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use vuejs to realize the comment function". In daily operation, I believe many people have doubts about how to use vuejs to realize the comment function. Xiaobian consulted all kinds of materials and sorted out simple and easy operation methods. I hope to help you answer the doubts about "how to use vuejs to realize the comment function"! Next, please follow the small series to learn together!

Vuejs to achieve the comment function: 1, use article-content component, bound to an obj;2, through commemt-content component to achieve the comment function.

Operating environment: Windows 7 system, vue2.9.6 version, DELL G3 computer.

How to use vuejs to achieve comment function?

Vue.js implements article comments and replies to comments:

Originally wanted to render this page with jade, comment part with vue, but think about it think trouble, finally or the whole vue component to get him.

First online demo: jsbin.com/ceqifo/1/edit? js,output

Then the renderings

Can comment directly, click on other people's comments can reply to other people's comments.

html

All data is bound down by the root component. There are also several events monitored here.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.