vue中的计算属性可以有参数吗,vue计算属性
通常在vue的开发中，我们会经常使用计算属性(计算属性只有在其相关依赖关系发生变化时才会被重新评估)来计算我们需要的数据。下面这篇文章主要介绍vue中动态参数和计算属性使用的相关信息，有需要的可以参考一下。
一，动态参数
从2.6.0开始，方括号中的JavaScript表达式可以用作指令的参数：
v-bind:[attributeName]="url" …
这里，attributeName将被动态地计算为一个JavaScript表达式，获得的值将被用作最终参数。例如，如果您的Vue实例有一个值为“href”的数据属性attributeName，那么这个绑定将等同于v-bind:href。
同样，您可以使用动态参数来绑定动态事件名称的处理程序：
一个v-on:[event name]=" do something "…
在本例中，当eventName的值为“focus”时，v-on:[eventName]将等同于v-on:focus。
示例：
！声明文档类型
超文本标记语言
头
meta charset=utf-8
标题动态参数/标题
脚本src= vue . js /脚本
/头
身体
div id=app7
span v-on:[event _ name]= do something { msg } }/span
/div
/body
脚本
var vm=new Vue({
埃尔： #app7 ，
数据：{
味精：100，
event_name:点击
},
方法：{
dosomething:function(){
this.msg=this.msg 1
}
}
})
/脚本
/html
二、计算属性
模板中的表达式非常方便，但它们最初是为简单操作而设计的。在一个模板中放入过多的逻辑会使它变得过于沉重，难以维护。例如：
{{ message.split( )。反转()。加入(“”)}}
在这个地方，模板不再是简单的声明性逻辑。你必须观察一段时间才能意识到，这里是翻转字符串，想要显示变量消息。当您希望在模板的多个位置包含这个翻转字符串时，处理起来会更加困难。
因此，对于任何复杂的逻辑，都应该使用计算属性。
！声明文档类型
超文本标记语言
头
meta charset=utf-8
标题计算属性/标题
脚本src= vue . js /脚本
/头
身体
div id=app{{value_add}}/div
/body
脚本
var vm=new Vue({
埃尔： #app ，
数据：{
值：100
},
Computed:{ //类似于methods方法
value_add:function(){
返回这个值100
}
}
})
/脚本
/html
总结
关于vue中动态参数和计算属性的使用，本文到此结束。有关vue动态参数和计算属性的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。