<nut-cell title="工作写实" :is-link="true" to="/realistic/list" :show-icon="true" />怎么传值

你可以通过 props 属性来传值。在父组件中使用子组件时，通过设置子组件的 props 属性，将数据传递给子组件。在子组件中，可以通过 this.$props 访问这些属性。以下是一个示例：

<template>
  <nut-cell :title="title" :is-link="isLink" :to="to" :show-icon="showIcon" />
</template>

<script>
import NutCell from "@/components/NutCell.vue";

export default {
  name: "ParentComponent",
  components: {
    NutCell,
  },
  data() {
    return {
      title: "工作写实",
      isLink: true,
      to: "/realistic/list",
      showIcon: true,
    };
  },
};
</script>

在上面的示例中，我们通过 props 属性将 title、isLink、to 和 showIcon 传递给 NutCell 组件。在 NutCell 组件中，我们可以通过 this.$props 访问这些属性。