组件基本使用

如果不熟悉，可去vuejs基本使用 - 图1官网查看文档。

引入组件

  1. <script>
  2.     import tuiComponent from "@/components/component/component"
  3.     export default {
  4.         components:{
  5.             tuiComponent
  6.         },
  7.         data() {
  8.             return {
  9.             }
  10.         },
  11.         methods: {
  12.         }
  13.     }
  14. </script>

使用组件

  1. <tui-component :show="show" :color="color" :size="size" :is-cancel="isCancel" @click="click"></tui-component>

其中 :show="show" :color="color" :size="size" :is-cancel="isCancel" 部分为props，@click为组件绑定事件