App.vue 808 字节
Newer Older
6
UPDATE  
64104061f23fda247c679fa8 已提交
1
<template>
6
622eda98dfef6c4fdb84ccca 已提交
2 3 4 5 6
  <div class="ivu-p">
    <Alert>
      当前 Vue 版本为 {{ vueVersion }},View UI Plus 版本为 {{ version }}
    </Alert>
    <Input v-model="msg" />
6
622eda98dfef6c4fdb84ccca 已提交
7
    <Button class="ivu-mt" type="primary" @click="handleClick">Click Me!</Button>
6
622eda98dfef6c4fdb84ccca 已提交
8
  </div>
6
UPDATE  
64104061f23fda247c679fa8 已提交
9
</template>
6
622eda98dfef6c4fdb84ccca 已提交
10
<script setup>
11 12 13
import { ref, version as vueVersion } from 'vue' // 从 Vue 中导入 ref 和 vueVersion
import { version, Message } from 'view-ui-plus' // 从 view-ui-plus 中导入 version 和 Message
const msg = ref('Hello View Design!') // 创建一个响应式的变量 msg,并将其初始值设置为 'Hello View Design!'
6
UPDATE  
64104061f23fda247c679fa8 已提交
14

15 16
function handleClick() { // 定义一个名为 handleClick 的函数
  Message.info('Welcome to InsCode') // 在页面上显示一个提示消息
6
UPDATE  
64104061f23fda247c679fa8 已提交
17
}
18 19
</script> // 结束 `script setup` 语法

6
622eda98dfef6c4fdb84ccca 已提交
20
<style></style>