提交 37811b15 编写于 作者: W weixin_39458544

Fri Sep 15 02:32:00 CST 2023 inscode

上级 7a093d7e
run = "npm i && npm run dev"
language = "node"
[deployment]
build = "npm i && npm run build"
......@@ -8,3 +9,6 @@ run = "npm run preview"
PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
XDG_CONFIG_HOME = "/root/.config"
npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
[debugger]
program = "main.js"
......@@ -8,7 +8,9 @@
},
"dependencies": {
"guess": "^1.0.2",
"vue": "^3.2.37"
"loadsh": "^0.0.4",
"vue": "^3.2.37",
"vue-router": "^4.2.4"
},
"devDependencies": {
"@vitejs/plugin-vue": "^3.0.1",
......
......@@ -4,44 +4,9 @@ import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
<header>
<img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
<div class="wrapper">
<HelloWorld msg="You did it!" />
</div>
</header>
<main>
<TheWelcome />
</main>
<router-view></router-view>
</template>
<style scoped>
header {
line-height: 1.5;
}
.logo {
display: block;
margin: 0 auto 2rem;
}
@media (min-width: 1024px) {
header {
display: flex;
place-items: center;
padding-right: calc(var(--section-gap) / 2);
}
.logo {
margin: 0 2rem 0 0;
}
header .wrapper {
display: flex;
place-items: flex-start;
flex-wrap: wrap;
}
}
</style>
<template>
<header>
<ul class="__nav">
<li v-for="item in menus" :key="'menu_' + item.name">{{ item.name }}</li>
</ul>
</header>
</template>
<script setup>
const menus = [
{ name: '首页', path: '/' },
{ name: '关于我们', path: '/about' }
]
</script>
<style lang="stylus">
.__nav{
li{
list-style none;
}
}
</style>
\ No newline at end of file
<template>
<m-header></m-header>
<router-view></router-view>
</template>
<script setup>
import MHeader from './MHeader.vue';
</script>
<style></style>
\ No newline at end of file
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './assets/main.css'
createApp(App).mount('#app')
const app = createApp(App).use(router).mount('#app')
import {createRouter, createWebHashHistory} from 'vue-router'
import layout from '../layout/index.vue'
import home from '../views/home.vue'
const subRouter = [
{path: '/', component: home}
]
const routes = [
{path: '/', component: layout, children: [...subRouter]}
]
const router = createRouter({
history: createWebHashHistory(),
routes
})
export default router
\ No newline at end of file
<template>
<div>home</div>
</template>
<script setup>
console.log('home')
</script>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册