常用插件整理
npm install axios --save
npm install js-cookie --save
npm install xlsx
//组件包看官方文档 https://element-plus.gitee.io/zh-CN/
yarn add element-plus
yarn add @element-plus/icons-vue
Vue 初始化文件
<template>
<div class="init">
<h1>This is an init page</h1>
</div>
</template>
<script>
import {reactive,toRefs,onBeforeMount,onMounted,onBeforeUpdate,onUpdated} from 'vue'
export default{
name:'init',//模板名称
//setup相当于vue2中的 beforecreate和create
setup() {
const data = reactive({
})
// 数据渲染前
// onBeforeMount(()=>{
// })
// 数据渲染后
// onMounted(()=>{
// })
//dom页面更新还没同步之前
// onBeforeUpdate(()=>{
})
//dom页面更新同步之后
// onUpdated(()=>{
// })
return {
...toRefs(data)
}
}
}
</script>
//样式只在作用在当前页面
<style scoped>
</style>
本文链接:https://www.cution.cn/38.html
https://www.pexels.com/zh-cn/collections/1379530-l47756n/
https://www.pexels.com/zh-cn/collections/1379530-f17napd/
https://www.pexels.com/zh-cn/collections/1379530-h8ytruy/
https://www.pexels.com/zh-cn/collections/1379530-8jblapw/
https://www.pexels.com/zh-cn/collections/1379530-rq09wrw/
https://www.pexels.com/zh-cn/collections/1379530-jjkewjv/
https://www.pexels.com/zh-cn/collections/1379530-bwriptj/
https://www.pexels.com/zh-cn/collections/1379530-tmawq1m/
https://www.pexels.com/zh-cn/collections/1379530-0sy22lm/
https://www.pexels.com/zh-cn/collections/1379530-yooiscz/
https://www.pexels.com/zh-cn/collections/1379530-dewn8cg/
https://www.pexels.com/zh-cn/collections/1379530-cgtat9t/
https://www.pexels.com/zh-cn/collections/1379530-9jdvtks/
https://www.pexels.com/zh-cn/collections/1379530-pevbeef/
https://infogram.com/1379530-1h7v4pdmyydjj4k?live
https://infogram.com/1379530-1h7v4pdmyy3xj4k?live
https://infogram.com/1379530-1h7v4pdmyy3784k?live
https://infogram.com/1379530-1hnp27exrr5py4g?live
https://infogram.com/1379530-1hnq41oxee31p23?live