項目地址
Java 安裝
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
JAVA_HOME
JRE_HOME
%JAVA_HOME%\bin;%JRE_HOME%\bin;
MySql 安裝
MySql 安裝教程
root/admin :: 123456qwerty
nodejs 安裝
官網(wǎng)教程
vue 官網(wǎng)教程
vue3 官網(wǎng)教程
Vue 離線版本下載
Vue Router 教程
創(chuàng)建 vite
npm init vite@latest vue3-p1 -- --template vue
cd vue3-p1
npm install
npm run dev
通過 main.js 中的 createApp(App).mount('#app') 將 vue (App) 和 html (#app) 綁定
html 模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="./script/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
</script>
</body>
</html>
<template>
<div> </div>
</template>
<script setup>
</script>
<style lang="scss">
</style>
vue 模板
<template>
</template>
<script setup>
</script>
<style lang="scss">
</style>
easyblog
構(gòu)建項目
npm init vite@latest easyblog-front-admin
cd easyblog-front-admin
npm install
npm run dev
npm install vue-router@4 --save
npm install path --save
npm install element-plus --save
npm install sass --save
npm install axios --save
npm install js-md5 --save
npm install vue-cookies --save
vue3父子組件傳值defineProps、defineEmits、defineExpose
vue3路由新玩法useRoute和useRouter詳解
vue3中emit('update:modelValue')使用簡單示例
