XOOPS輕鬆架

Vue.js 3.0 筆記
=============

1. 父元件 App.vue 
    ```markup
    <script>
    import EventBack from "@/components/EventBack.vue";
    
    export default {
      components: {
        EventBack,
      },
      setup() {
        const handleEventBack = (n, m, e) => {
          console.log(n);
          console.log(m);
          console.log(e);
          console.log(e.target);
        };
    
        return { handleEventBack };
      },
    };
    </script>
    
    <template>
      <EventBack @click="handleEventBack(100, 'test', $event)" />
    </template>
    
    <style lang="scss">
    </style>
    
    ```
    
    
    1. `<EventBack @click="handleEventBack(100, 'test', $event)" />` 利用`$event`可以取得點擊的所有事件
    2. 前面可以接一堆參數，`$event`一定要放在最後面
    3. 收到時，`$event `就有包含所有資訊
    4. `$event.target `就是點擊的實體本身
2. 子元件：@/components/EventBack.vue 
    ```markup
    <script>
    export default {
      setup() {
      },
    };
    </script>
    
    <template>
      <a href="javascript:;">點我</a>
    </template>
    
    <style></style>
    ```

書籍目錄

展開 | 闔起

快速登入

進階搜尋

計數器

今天：
昨天：
總計：

主內容區域

MarkDown

左邊區域內容

書籍目錄

快速登入

右邊區域內容

計數器

頁尾區域