项目地址
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 安装
官网教程
vue 官网教程
vue3 官网教程
Vue 离线版本下载
Vue Router 教程
创建 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
构建项目
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')使用简单示例
网友评论