first commit

历届学生/罗朝/2019-06-03/MyVueApp/src/App.vue

@@ -0,0 +1,25 @@
+<template>
+  <div id="app">
+    <img src="./assets/logo.png">
+    <router-link to="/index">index</router-link>
+    <router-link to="/about">about</router-link>
+    <router-view/>
+  </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>

历届学生/罗朝/2019-06-03/MyVueApp/src/components/About.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="about">
+    <h2>{{ msg }}</h2>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      msg: '关于我页面'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

历届学生/罗朝/2019-06-03/MyVueApp/src/components/Index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      msg: '首页页面'
+    }
+  }
+}
+</script>
+
+<style scoped>
+h1, h2 {
+  font-weight: normal;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

历届学生/罗朝/2019-06-03/MyVueApp/src/main.js

@@ -0,0 +1,15 @@
+// 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'
+
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})

历届学生/罗朝/2019-06-03/MyVueApp/src/router/index.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Index from '@/components/Index'
+import About from '@/components/About'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/index',
+      name: 'index',
+      component: Index
+    },
+    {
+      path: '/about',
+      name: 'index',
+      component: About
+    }
+  ]
+})