组件基本使用

如果不熟悉,可去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为组件绑定事件

指南 actionsheet