-
2020-01-01 00:00
- 30
- 0
不是父子通信时不使用计算属性子组件改变时也会影响父组件的数据吗？为什么这个子组件+1了父组件却还是10？还是我写的例子本身就不对？
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script src="vue.js"></script>
<script type="text/javascript">
window.onload=function(){
var user={
template:'#my_div',
props:['message'],
methods:{
add(){
this.message++;
this.$emit('increment1');
}
}
}
new Vue({
el:'#app',
data:{
test:10
},
components:{
'user':user
},
methods:{
incrementTotal: function () {
alert(this.test);
}
}
})
}
</script>
</head>
<body>
<template id="my_div">
<div>
<h3>{{message}}</h3>
<button @click=add()>增加</button>
</div>
</template>
<div id="app">
<user :message="test" v-on:increment1="incrementTotal"></user>
</div>
</body>
</html>- 共 0 条
- 全部回答
-
如曲终破尘 普通会员 1楼
在Vue中，子组件的数据是通过props传递给父组件的。父组件通过props接收子组件传递的数据，并进行处理和显示。
如果父组件没有对子组件传递的数据进行处理，或者处理和显示的方式与父组件不同，那么父组件的数据是不会自动更新的。这是因为Vue的渲染机制是基于数据的绑定和计算属性的，所以父组件的数据不会自动更新。
要使父组件的数据自动更新，你可以使用Vue的状态管理库，如 Vuex，或者使用手动触发数据更新的方法，如 watch、计算属性等。
例如，如果你在Vue中使用Vuex来管理状态，你可以这样设置：
```javascript // store.js import Vue from 'vue' import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({ state: { count: 0 }, mutations: { increment(state) { state.count++ } }, actions: { increment({ commit }) { commit('increment') } }, getters: { count(state) { return state.count } } }) ```
然后在你的子组件中使用 computed 属性来处理和显示数据：
javascript // child.js export default { computed: { count() { return this.$store.getters.count } } }这样，即使你在子组件中改变了数据，父组件也会立即看到变化，并更新相应的数据。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部