VUE实践

1. 父子组件传值

父组件

<el-aside :width="sideWidth + 'px'" style="box-shadow: 2px 0 6px rgb(0 21 41 / 35%);">
  <Aside :is-collapse="isCollapse" :logoTextShow="logoTextShow"></Aside>
</el-aside>

data() {
  return {
    isCollapse: false,
    logoTextShow: true
  }
},

子组件

<b style="color: white" v-show="logoTextShow">鉴道</b>

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Aside",
  props: {
    isCollapse: Boolean,
    logoTextShow: Boolean
  },
  data() {
    return {
    }
  },
}

IDEA 镜像

https://start.aliyun.com
https://start.spring.io

版本要求:

Vuex
undefined (reading ‘state‘)
关于在使用Vuex时终端报错TypeError: Cannot read properties of undefined (reading ‘state‘)的解决方案

在vue2中，要用vuex的3版本
npm#
npm install vuex@3 --save
Yarn#
yarn add vuex@3 --save
在vue3中，要用vuex的4版本