vue页面预加载,vue 加载完成

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: