vue 实战汇总

一、父组件传参子组件

1）页面定义

2）<amos @amos=“子组件使用this.$emit(‘backAmos’,xxx)回传的参数接收”>

3）定义backAmos方法接收子组件回传的xxx参数

4）import Amos from ‘…/components/amos.vue’;

5）定义components子组件名称

二、子组件接收和传父组件

1）props 定义 item 接收父组件传的参数，拿来即用

例如：items: { type: Array, required: true } //列表页内容

2）this.$emit(“回传参数给父组件的名称”，回传参数给父组件的内容)

三、修改element的css样式

需要在<样式 lang=“scss”>定义，在<样式 lang=“scss” scoped>内重新定义无效