App.vue 512 字节
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 11 12 13
<script setup>
import { ref, version as vueVersion } from 'vue'
import { version, Message } from 'view-ui-plus'
const msg = ref('Hello View Design!')
6
UPDATE  
64104061f23fda247c679fa8 已提交
14

6
622eda98dfef6c4fdb84ccca 已提交
15 16
function handleClick() {
  Message.info('Welcome to InsCode')
6
UPDATE  
64104061f23fda247c679fa8 已提交
17
}
6
622eda98dfef6c4fdb84ccca 已提交
18
</script>
6
622eda98dfef6c4fdb84ccca 已提交
19
<style></style>