$mount手动挂载的Vue实例怎么传入props?

通过Vue.extend派生的一个Vue构造器,实例化时怎么传递props给实例?
比如我有一个单文件组件A.vue:

<template>
    <div>
    <div>
</template>

export default {
    props: {
        json: {
            type: Object,
            default: () => {}
        }
    }
}

我在B组件中用它派生并实例化:

import A from './A'

···

const Constructor = Vue.extend(A)
// 这里实例化
let vm = new Constructor({ el: '#id'})
// 怎样给vm传递props?

问题是如何给通过派生实例化生成的实例传递一个props属性,比如例子中的json。

阅读 10.1k
3 个回答

`
new Consturctor({propsData: {json : 'json_props'}}).$mount('#id')
`
另外props是数组,不是object

新手上路,请多包涵

传 props 不如直接给实例属性赋值来的简单粗暴

vm.json = ...

比如控制显示隐藏,直接给显示隐藏的状态赋值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题