美文网首页Vue
mounted 与 methods 与 computed 与 w

mounted 与 methods 与 computed 与 w

作者: 说不出口的喵 | 来源:发表于2019-05-05 17:51 被阅读61次

首先讲一下vue的生命周期

beforecreate : 举个栗子:可以在这加个loading事件 

created :在这结束loading,还做一些初始化,实现函数自执行   (data数据已经初始化 但是 dom结构渲染完成 组件没有加载)

mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情  (dom渲染完成 组件挂载完成 )

beforeDestroy: 你确认删除XX吗?(简单来说  就是组件还存在)

 destroyed :当前组件已被删除,清空相关内容  (组件已经销毁 )

所以说  mounted 是生命周期方法之一,会在对应生命周期时执行。

而   methods 是Vue实例对象上绑定的方法,供当前Vue组件作用域内使用,未调用不会执行。

而 computed 是计算属性  属性 method是 方法 

在使用时   computed函数直接使用  method需要加上()【如method()】来执行 

computed计算的结果如果不发生改变就不会触发。而methods中一般都是定义的需要事件触发的一些函数。每次只要触发事件,就会执行对应的方法。如果把computed中的方法写到method中会浪费性能。computed必须返回一个值页面绑定的才能取得值,而methods中可以只执行逻辑代码,可以有返回值,也可以没有。

对于watched 属性 监听  需要自己手动去写监听的值  会大大的浪费一定性能去做监听这种事情 不像computed是自动的

---------------------

原文:https://blog.csdn.net/qinlulucsdn/article/details/80473382

版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章

  • mounted 与 methods 与 computed 与 w

    首先讲一下vue的生命周期 beforecreate: 举个栗子:可以在这加个loading事件 created:...

  • 计算属性——computed

    computed与methods的区别 computed是响应式的,methods并非响应式。 调用方式不一样,c...

  • 第十五节:Vue选项:computed/methods/watc

    1. 计算属性computed与方法methods的比较 通过学习的知识,我们已经了解到computed计算属性和...

  • 计算属性computed与methods

    计算属性computed与methods的区别:首先是使用methods如果执行了一个函数。那么它里面的全部函数都...

  • 2020-1-31

    计算属性: *computed: 与methods的相比:有缓存,只执行一次 *有get,set方法 Le...

  • 5.计算属性

    计算属性关键词:computed methods方法和computed的区别methods和computed的区别...

  • Vue.js基础特性

    计算属性 computed与data,el,methods属性一样,都是vm实例的属性(选项)理解其大致意思即可 ...

  • Vue.js教程_3

    计算属性:computed与el、data、methods并列,是Vue实例中的一个方法。 计算属性是基于它们的响...

  • Vue的computed(计算属性)使用实例之TodoList

    最近倒腾了一会vue,有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这...

  • vue前端分页

    template: data: mounted: methods:

网友评论

    本文标题:mounted 与 methods 与 computed 与 w

    本文链接:https://www.haomeiwen.com/subject/vkghoqtx.html