Vue 插值语法 没渲染前会有个{{}}在页面上 有办法优化吗?

发布于 2022-09-05 00:27:17 字数 73 浏览 18 评论 0

Vue 插值语法 没渲染前会有个{{}}在页面上
这个有办法让他不显示吗?
(不是数据的问题,注释掉ajax还是一样有)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

偏爱自由 2022-09-12 00:27:17

可以使用 v-text/v-html等来代替{{}}这种模式,当然官网还提供了一个方法 v-cloak 可以保证未渲染前不会出现{{}}
示例
<div>{{aa}}</div>
改为:
<div v-cloak>{{aa}}</div>
<div v-text="aa"></div>

﹉夏雨初晴づ 2022-09-12 00:27:17

不要用 in-site template,改为写成单文件组件,用 webpack 打包,webpack 打包之后已经把 template 编译成 render function 了,就不会有 {{}} 了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文