Vue页面加载完成后如何自动加载自定义函数
更新时间：2022年07月02日 08:42:28 作者：光头强儿
这篇文章主要介绍了Vue页面加载完成后如何自动加载自定义函数，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
页面加载完成后自动加载自定义函数
created
在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
methods: {
indexs:function(){
this.$http.post('{:url("Index/fun")}')
.then(function(res){
this.items=res.data;
console.log(res.data);
})
.catch(function(error){
console.log(error);
});
}
},
created(){
//自动加载indexs方法
this.indexs();
}mounted
在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
methods: {
indexs:function(){
this.$http.post('{:url("Index/fun")}')
.then(function(res){
this.items=res.data;
console.log(res.data);
})
.catch(function(error){
console.log(error);
});
}
},
mounted(){
//自动加载indexs方法
this.indexs();
}vue之自执行函数
总是纠结在写不写随笔之间，自我感觉很菜，但是对源码爱得深沉，就写给自己看吧。
我在网上看了很多人写的源码，按照依赖的方式一个一个找包，再找函数，我觉得太麻烦，复杂。所以直接看vue.js。
打开vue.js，是个自执行函数，也就是IIFE。
(function(global,factory){
typeof exports === 'object' && typeof module !== 'undefined'
? module.exports = factory
: typeof define === 'function' && define.amd
? define(factory)
: (global.Vue = factory())
})(this,function(){
'use strict'
})自执行函数想必不用我多说了，让我们来分析下这种插件与框架的写法。
它的参数为global和factory，在js环境下也就是window和Vue的构造函数。
this在这里值window，如果经常看源码，就会发现很多插件会判断下
typeof window !== undefined ? window : this;
这种写法更偏向于在js的window全局环境中使用。
接着看对外输出factory，首先判断 module和exports存在的情况
typeof exports === 'object' && typeof module !== 'undefined'
也就是优先使用AMD(module.exports = factory)，接着判断CMD是否存在
typeof define === 'function' && define.amd
若AMD不存在而CMD存在，则使用CMD(define(factory)),若AMD，CMD都不存在，就把Vue的构造函数挂载再全局对象上(global.Vue = factory());
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue预览本地pdf文件方法之vue-pdf组件使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
本篇文章主要介绍了vue实现增删改查效果的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本篇文章主要介绍了浅谈vue中数据双向绑定的实现原理 ，主要使用v-model这个数据双向绑定，有兴趣的可以了解一下2017-09-09
这篇文章主要为大家介绍了Vue.js3.2响应式部分的优化升级详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
下面小编就为大家分享一篇vue+vuex+axios实现登录、注册页权限拦截，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue-cli3.0使用及部分配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue @click @tap重叠事件区分方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章给大家详细分析了关于VUE的常用的相关指令内容，对此有需要的朋友们可以学习下。2018-08-08
在实际开发中每个开发者应该都有经历过对组件进行二次封装,本文将从三个方面来基于 Element UI 的el-input组件简单实现一下组件的二次封装,有需要的可以参考下2023-09-09
这篇文章主要为大家介绍了vue虚拟滚动性能优化方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
最新评论