vue页面预加载,vue 加载完成
本文主要介绍Vue页面加载后如何自动加载自定义函数。有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。
目录
自定义函数createdmountedvue的自执行函数在页面加载后自动加载。
页面加载完成后自动加载自定义函数
created
在模板呈现为html之前调用,也就是说,通常会初始化一些属性值,然后呈现在视图中。
方法:{
indexs:函数(){
这个。$ http . post({:URL( Index/fun )} )。然后(函数(res){
this . items=RES . data;
console . log(RES . data);
})。catch(函数(错误){
console.log(错误);
});
}
},
已创建(){
//自动加载索引方法
this . indexs();
}
mounted
它是在模板渲染成html之后调用的,通常是在页面初始化之后,然后在html的dom节点上执行一些必要的操作。
方法:{
indexs:函数(){
这个。$ http . post({:URL( Index/fun )} )。然后(函数(res){
this . items=RES . data;
console . log(RES . data);
})。catch(函数(错误){
console.log(错误);
});
}
},
已安装(){
//自动加载索引方法
this . indexs();
}
vue之自执行函数
总是在写与不写短文之间纠结,感觉很有味道,但是我对源代码爱得深沉,就写给自己吧。
我在网上看了很多人写的源码,按照依赖的方式一个一个找包和函数。我觉得太麻烦太复杂了。所以就看vue.js吧
打开vue.js,是自执行功能,即IIFE。
(职能(全球、工厂){
typeof exports===object 模块的类型!==未定义
?module.exports=工厂
:type of define=== function define . amd
?定义(工厂)
:(全局。Vue=factory())
})(这个,function(){
使用严格
})
自执行函数就不用我多说了。我们来分析一下这个插件和框架的编写。
它的参数是global和factory,是js环境下window和Vue的构造函数。
这是值得一提的。如果你经常看源代码,你会发现很多插件都会评判它。
窗户的类型!==未定义?窗口:这个;
这种写法更倾向于用在js的窗口全局环境中。
然后看外部输出工厂,先判断是否存在模块和出口。
typeof exports===object 模块的类型!==未定义
即先用AMD(module.exports=factory),再判断CMD是否存在。
type of define=== function define . amd
如果AMD不存在但CMD存在,将使用CMD(define(factory))。如果AMD和CMD不存在,Vue的构造函数会挂载在全局对象(global。Vue=factory())。
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。