您的位置:首页 > Web前端 > Vue.js

vue页面自动刷新的问题

2020-01-12 14:08 211 查看

1、
activated
(VUE页面自动刷新的问题)

在项目中遇到需要添加完数据之后跳转到展示页不自动刷新的问题,最开始想到的是

created()
或者
mounted()
;没能实现;因为全局vue.js不强制刷新或者重启时只创建一次,也就是说,
created()
或者
mounted()
只会触发一次。

activated()
:在vue对象存活的情况下,进入当前存在
activated()
函数的页面时,一进入页面就触发;可用于初始化页面数据等。

2、
watch

watch
:在vue实例化时将会遍历所有属性,然后监听其变化。

<body>
<div id="app">
<input v-model="name"/>
<span>{{name}}</span>
</div>
</body>
<script>
app = new Vue({
el:"#app",
data:{
name:'1'
},
watch:{
name:function(){
console.log("changed");
this.show();
}
},
methods:{
show(){
console.log("show function")
}
}
})
</script>

3、computed 计算属性

computes
: 其中的属性不用在data中定义,示例如下:

<div id="app">
<input v-model="name" />
<span>{{names}}</span>
</div>

<script>
app = new Vue({
el:"#app",
data:{
name:''
},
computed:{
names:function(){
return this.name + "world";
}
}
})
</script>

转载于:https://www.cnblogs.com/newbest/p/11210244.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
diaobiaoqi0148 发布了0 篇原创文章 · 获赞 0 · 访问量 1227 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: