[TOC] ## Popup - 在項目根目錄創建 `popup.vue` 或 `popup/indev.vue` ,plasmo會自動識別為 popup頁面 - 調試等信息如`console.log`可在插件右鍵的`彈出審查元素`中查看 示例 /popup.vue ``` <template> <div> <h2 class="text-center"> Welcome to your <a href="https://www.plasmo.com" target="_blank">Plasmo</a> Extension! </h2> <div class="container"> <button @click="decrement">-</button> <p> <b>{{ count }}</b> </p> <button @click="increment">+</button> </div> </div> <p v-if="action" class="action text-center"> {{ action }} </p> <a href="https://www.plasmo.com" target="_blank">123</a> </template> <script > export default { data() { return { count: 0, action: null } }, methods: { increment() { this.count++ }, decrement() { this.count-- this.action = "decrement" }, } } </script> <style> .container { min-width: 470px; display: flex; align-items: center; justify-content: center; gap: 47px; } .text-center { text-align: center; } .action { color: #470; font-weight: bold; } </style> ```