每次点击按钮改变list时logF为什么会被触发
<template>
<view class="csupdata">
<aaaa :s="logF()"/>
<view class="">
{{logF()}}
</view>
<button @click="ssss">点击</button>
<view class="" v-for="item in list">
<view class="1" >
{{item.item}}
</view>
</view>
</view>
</template>
<script>
import aaaa from './children.vue'
export default {
name: 'csupdata',
components:{
aaaa
},
data() {
return {
list: []
};
},
onLoad() {
},
methods: {
ssss() {
this.list = [{
key: 1,
item: Math.random()
}, {
key: 2,item: Math.random()
}]
},
logF() {
console.log('=========m:', 1);
return 123
},
}
}
</script>
<style lang="scss" scoped>
.csupdata {}
</style>
在Vue中，当data发生变化时，与这个data相关的模板会重新渲染，而logF()是在模板中被调用的。
因此，每次点击按钮改变list时，logF()会被重新计算和调用一次。所以它会被触发。
在aaaa组件定义了一个自定义事件s，当点击按钮的时候，会进行事件冒泡，导致触发s自定义事s
在Vue.js中，每当组件的任何一个数据发生变化时，组件就会重新渲染。在这个例子中，每当点击按钮改变list时，组件的数据更新了，因此组件会重新渲染。在组件重新渲染时，模板中的所有表达式都会重新计算。
不知道你这个问题是否已经解决, 如果还没有解决的话:您在描述中提到，当您点击按钮改变list时，会触发logF函数。您想知道这个行为的原因。
可能的原因有很多，这里列出几个常见的问题和可能的解决方案。
事件绑定错误：可能是因为您错误地将事件绑定到按钮上，导致每次点击按钮时都会触发logF函数。请确保只在需要的时候才绑定事件，并检查事件绑定的代码逻辑。
事件委托问题：如果您使用了事件委托（即将事件处理程序绑定在按钮的父元素上），那么当点击按钮时，事件可能会冒泡到父元素，从而触发logF函数。在这种情况下，您可以检查事件委托的代码逻辑，并使用event.stopPropagation()方法阻止事件继续冒泡。
引用传递问题：如果您在改变list的操作中使用了引用传递，那么在改变list时，可能会影响到其他与该list相关的函数和变量。这种情况下，您需要检查修改list的代码，并确保不会影响到logF函数。
除了以上列出的可能原因和解决方案之外，还有一些其他的因素可能导致这个问题。由于我没有足够的信息来分析您的具体代码逻辑和环境，所以可能无法给出具体的解决方案。
请提供更多的细节和代码示例，以便我能够更好地帮助您解决这个问题。