- 62
- 0
组件内容如下
<template>
<div ref='container' class='container'>
<div class='list'></div>
<div class-'btns'>
<button @click='create'>动态添加项</button>
</div>
</div>
</template>
<script>
import user from 'user.vue'; // user.vue 的内容如下,请查看
export default {
mounted () {
this.container = this.$refs.container;
this.list = this.container.getElementsByClassName('list')[0];
} ,
methods: {
create () {
let div = document.createElement('div');
div.className = 'item';
let render = document.createElement('div');
let myComponent = Vue.extend(user);
new myComponent({
data () {
// 无法传递
_test_: 'test data'
} ,
propsData: {
// 可以传递,而官网解释说,该属性主要用于测试
// 无语了 ...
__id__: 'testid'
} ,
provide: {
// 无法传递
find: this.find
}
}).$mount(render);
div.appendChild(render);
this.list.appendChild(div);
} ,
find () {
console.log('nihao');
}
}
};
</script>
上面组件中点击按钮后悔挂载 user 子组件实例到 div,然后添加 div 到 list 内。user.vue 的内容如下:
<template>..</template>
<script>
export default {
data () {
return {
say: 'nihao'
};
} ,
props: ['__id__'] ,
inject: ['find'] , // 这个 vue 会弹出警告
mounted () {
this.$nextTick(() => {
console.log(this.$parent); // undefined
console.log(this._testid_); // undefined
console.log(this.__id__); // testid
console.log(this.find); // undefined
});
}
};
</script>
是否 Vue.extend 创建的子组件,没有上下文环境(没有父组件的概念,他就是一个独立的组件个体),仅能通过 propsData 进行数据传递(当然也可以使用全局的东西,这边不考虑 ... )??
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
断桥ㄣ☆残膤 普通会员 1楼
Vue.extend方法在创建子组件时,可以通过propsData或者$emit方法传递参数。但是,子组件实例化时传递参数只能通过propsData。
原因如下:
-
propsData 是父组件传递给子组件的数据,它是父组件通过props属性将数据传递给子组件的。在子组件中,可以通过propsData访问和操作父组件传递的数据。
-
$emit方法在子组件中用于触发事件。在子组件中,可以通过$emit方法将事件发送到父组件,父组件可以通过接收到的事件处理函数来处理子组件发送的事件。
所以,子组件实例化时传递参数只能通过propsData,而不能通过$emit方法。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

