vue父子页面参数和事件问题一

一、如何在父组件中打开子组件(弹框)

   ①：引入子组件

import 组件名 from './组件页面'

  ②：注册子组件：

components: {组件名},

  ③：在页面中插入组件

  

二、父子组件如何传递参数：

   ①：子组件注册事件、属性

   属性通过使用【：属性名】，事件使用：【@事件名】。其中，属性名在父组件中data()中初始化，事件在父组件：method中编写。

    <子组件名
            v-if="modalShow"
            :属性名="属性"
            @事件名="方法名称"
    />

  ②子组件中获取父组件属性和调用父组件方法

  

  props: {
    属性名: {
      default: false
    },
    属性名: {
      default: "search"
    },
    属性名: {
      default: {}
    }
  },

  调用父组件事件

this.$emit("注册的事件名", 要传递的参数);

在vue中，属性通过符号【：】标识，事件通过符号：【@】标识，自定义属性和事件同理使用符号标识