Vue如何解决安装不能获取到数据中的数据问题 - 行业资讯

　　介绍

这篇文章主要讲解了Vue如何解决安装不能获取到数据中的数据问题,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

Vue中数据定义

 data () {
　　返回{
　　isok: 10,
　　}
　　}

在vue中使用定时器如下安装是钩子函数

安装(){ 　　　　console.log (this.isok)//能获取isok 10 　　setInterval(函数(){ 　　console.log (this.isok)//不能获取isok 　　},3000); 　　　　}

<强>这是为什么呢?

原因就是:定时器的这个是指的向窗口。

那有什么方法来解决这个问题呢?答案是有的,两种

<强>第一种:

用箭头函数:箭头函数中这个指的向是固定不变(定义函数时的指向),在vue中指向vue;

安装(){
　　
　　setInterval()=祝辞{consolog.log (this.isok)}, 3000);
　　
　　}

<强>第二种:

使用var=这个,就可以正常调用了。

安装(){
　　var=这个;
　　setInterval()=祝辞{
　　console.log (that.isok)
　　},3000);
　　}

<>强vue根据指定字段排序使用计算方法

我就废话不多说了,大家还是直接看代码吧~

& lt; div id=癮pp"比; 　　& lt; ul> 　　& lt;李v=皊tudents1"(斯图、索引);在{{stu}} & lt;/li> 　　& lt;/ul> 　　& lt;/div> 　　& lt;脚本类型=拔谋?javascript"比; 　　新Vue ({ 　　埃尔:“# app" 　　数据:{ 　　学生:( 　　{名字:“小a",年龄:20}, 　　{名字:“小b",年龄:21}, 　　{名字:“小c",年龄:18}, 　　{名字:“小d",年龄:19}, 　　{名字:“小f",年龄:18岁} 　　] 　　}, 　　计算:{ 　　students1:函数(){ 　　返回sortKey (this.students & # 39;年龄# 39;) 　　} 　　} 　　}) 　　函数sortKey(数组、关键){ 　　返回array.sort(函数(a, b) { 　　var x=(例子); 　　var y=b(例子); 　　返回((x y)和# 63;1:0) 　　}) 　　} 　　& lt;/script>

看完上述内容,是不是对Vue如何解决安装不能获取到数据中的数据问题有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。