为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js 中 v-once指令怎么用的?

vue.js 中 v-once指令怎么用的?

Jenny_xiong 2018-04-26 11:44:23
官方文档上说:执行一次性地插值,当数据改变时,插值处的内容不会更新,我改变了数据,插值处的内容也变了,我就不知道怎么使用了,请指教
查看完整描述

3 回答

已采纳
?
慕设计6931647

TA贡献18条经验 获得超8个赞

<h1>{{ msg }} </h1>
<h2 v-once>{{ msg }} </h2>
<button @click="msg = 'test'">点一下</button>

其它不变。 你试试。

查看完整回答
1 反对 回复 2018-04-26
点击展开后面5
?
Jenny_xiong

TA贡献16条经验 获得超7个赞

第一组数据与效果图如下:

https://img1.sycdn.imooc.com//5ae164e400011b8a02660180.jpg

https://img1.sycdn.imooc.com//5ae164e500017b7f06540382.jpg

改变数据之后的效果图:

https://img1.sycdn.imooc.com//5ae16507000190a204170380.jpg

https://img1.sycdn.imooc.com//5ae165070001793202240164.jpg

使用了v-once,但是数据内容还是改变了,为什么?


查看完整回答
反对 回复 2018-04-26
  • 慕设计6931647
    慕设计6931647
    不是之这个改变哦。是第一次渲染之后,不改变。比如你在第一个case里,添加一个按钮。点击按钮后触发修改msg的值。你就知道是怎么回事啦。
  • 慕设计6931647
    慕设计6931647
    如果有帮助,望采纳哦
  • Jenny_xiong
    Jenny_xiong
    明白了,以后多多指教
点击展开后面1
  • 3 回答
  • 0 关注
  • 6758 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信