Vue页面使用Vue3语法

Vue页面使用Vue3语法
HelloWorld.vue

<template>
  <h1>{{ msg }}h1>
  <h1>醒醒，不能犯困！h1>
  <div>
    <h1>次数：{{count}}h1>
    <button @click="dj">点击我，看看什么效果button>
  div>
template>


<script setup>
//2.导入 Vue3中对象
import { ref } from 'vue'

//3.自定义属性
defineProps({
  msg: String,
})
//4.定义变量
const count = ref(0)
//5.定义函数
const dj = () => {
  count.value++;
  alert("你目前点击："+count.value);
}
script>



<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
23
24
25
26
27
28
29
30
31
32
33
34
35