first commit

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/App.vue

@@ -0,0 +1,28 @@
+<template>
+  <div id="app">
+    <!-- <img src="./assets/logo.png"> -->
+    <router-view/>
+    <router-link to="/">首页</router-link>
+    <router-link to="/about">关于</router-link>
+    <router-link to="">我的</router-link>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<!-- 会对每个页面生效 -->
+<style>
+/* #app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+} */
+</style>

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/components/item.vue

@@ -0,0 +1,13 @@
+<template>
+<h2>轮播图</h2>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/components/vheader.vue

@@ -0,0 +1,19 @@
+
+<!-- vue文件 -->
+<template>
+    <!-- 根节点 -->
+    <div class="header">
+        <h2>头部</h2>
+        <p>fffsaf</p>
+    </div>
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+<!-- scoped -->
+<style scoped>
+
+</style>

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/main.js

@@ -0,0 +1,19 @@
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+
+//注册全局组件
+import header from '@c/vheader'
+Vue.component('v-header',header)
+
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/page/about.vue

@@ -0,0 +1,20 @@
+
+<!-- vue文件 -->
+<template>
+    <!-- 根节点 -->
+    <div class="about">
+        <v-header></v-header>
+        <h2>关于</h2>
+    </div>
+    
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+<!-- scoped -->
+<style scoped>
+
+</style>

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/page/home.vue

@@ -0,0 +1,25 @@
+
+<!-- vue文件 -->
+<template>
+    <!-- 根节点 -->
+    <div class="home">
+        <h2>我的</h2>
+        <v-header></v-header>
+        <v-item></v-item>
+    </div>
+</template>
+
+<script>
+import v_item from '@c/item.vue'
+
+export default {
+    data() {},
+    components:{
+        v_item
+    }
+}
+</script>
+<!-- scoped -->
+<style scoped>
+
+</style>

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/router/index.js

@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: () => import(/* webpackChunkName: "home" */ '@page/home')
+    },
+    {
+      path: '/about',
+      name: 'about',
+      component: () => import(/* webpackChunkName: "about" */ '@page/about')
+    }
+  ]
+})

历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-3-27/vuecli2x/src/router/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vue-hot-reload-api": "^2.3.4"
+  }
+}