Vue页面结构

Vue页面结构
App.vue

<template>
  <div>
    <h1>饿了么？h1>
  div>
  <HelloWorld msg="Vite + Vue" />
template>

<script setup>
import HelloWorld from './components/HelloWorld.vue'

script>

<style scoped>

style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

HelloWorld.vue

<script setup>
import { ref } from 'vue'

defineProps({
  msg: String,
})

const count = ref(0)
script>

<template>
  <h1>{{ msg }}h1>

  <h1>吃的什么啊？h1>
template>

<style scoped>
.read-the-docs {
  color: #888;
}
style>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22