Write Vue SFC in html | 在html中写Vue SFC #12418

Tofu-Xx · 2024-11-17T11:29:19Z

Tofu-Xx
Nov 17, 2024

Hi👋
I really like the <script setup>, and one day I thought it would be nice if I could write the script setup syntax in an html file and run it directly in the browser, so I made setupin

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>setupin</title>
  <script src="https://unpkg.com/setupin"></script>
</head>

<script setup>
  import { ref } from 'vue'
  const count = ref(0)
</script>

<template>
  <button @click="count++">{{ count }}</button>
</template>

<style>
  button {
    font-size: larger;
  }
</style>

That's right, it's an html file that you can run directly in your browser, except for the head tag, which you can write as if it were Vue SFC，

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue

Write Vue SFC in html | 在html中写Vue SFC #12418

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Vue

Write Vue SFC in html | 在html中写Vue SFC #12418

Uh oh!

Tofu-Xx Nov 17, 2024

Replies: 0 comments

Tofu-Xx
Nov 17, 2024