【问题标题】:How does refrence work $ref , x-template? attaching a common component to child components参考如何工作 $red ,x-template?将公共组件附加到子组件
【发布时间】:2017-11-03 16:13:43
【问题描述】:

基本上,我正在开发一个用户可以发布问题并且用户也可以回答这些问题的项目。例如,一个帖子通常有upvote,downvote和cmets......我如何设计它,所以假设每个答案都有评论按钮所以我想要的是当我点击任何答案的评论按钮时我应该能够得到所有那个特定答案的cmets(这是我不担心的后端)。就像facebook或quora的评论系统一样,我只是想前端部分当用户点击评论按钮时我如何显示,$ref是否可以工作这种情况还是得想别的办法,办法

还可以说我有单独的表来支持反对票(一张表用于两者)以及类似的答案、问题和用户表……我担心的是 upvotedownvote 表的增长速度将比任何事情都快(6000 个赞成票意味着 6000 行,我我正在规范化)。在这种情况下,加入四个表会很昂贵,并且会变慢我想加入三个表,除了赞成表,即获取答案、回答的用户名和第一个三个表中的问题,然后传递当前加载的所有 id使用一些生命周期钩子方法对数据库进行投票以获取每个答案的赞成票数

【问题讨论】:

  • 分享一些代码?
  • 我还没有开始这部分,当用户点击评论按钮时附加评论框,我不知道如何开始,我想利用我不知道的 vuejs 功能,请你给一些想法?使用 $ref、x-template、v-html 等的最佳方式是什么?
  • 对用户输入的内容使用 v-html 指令是个坏主意。为什么每次前端调用都要在后端加入四个表?在您的数据库中创建视图。
  • 4 个表格用户、答案、问题赞成票反对票数,我想我必须加入 4 个表格才能获得我想在屏幕上显示的数据。问题标题、此问题的答案以及已回答并对此答案投反对票的用户
  • 你说的是缓存?

标签: vue.js vuejs2 vue-component


【解决方案1】:

暂时不用担心数据库的大小。 6000 行可能听起来很多,但实际上对于数据库来说是非常小的数量。在这种规模下,您很可能不会遇到任何性能问题,而性能问题最好在遇到时解决。

你的另一个问题有点不清楚你在问什么。很可能您将拥有一个包含页面上所有帖子的组件,然后是一个单独的帖子组件。当用户想要查看所有 cmets 时,您只需向服务器发送一个 Ajax 请求,获取 cmets 数组并将它们传递给 v-for 中的 post 组件。

【讨论】:

  • 我认为评论系统就像 facebook 和 quora 的做法一样……我担心 UI 部分我将如何显示……评论框将有一些样式用户图片和他们的 cmets 我有制作模板...当用户单击查看 cmets 时,此模板应弹出所有具有此特定内容的相关 cmets,所以我在哪里保留此“模板”以及当用户单击查看 cmets 时,我如何附加此特定答案
  • @waq 你应该使用 vue-router。您将用户带到具有自己模板的新页面
猜你喜欢
  • 2020-03-31
  • 1970-01-01
  • 2017-11-14
  • 1970-01-01
  • 1970-01-01
  • 2017-11-23
  • 2019-01-20
  • 2011-10-11
  • 1970-01-01
相关资源
最近更新 更多