first commit

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/App.vue

@@ -0,0 +1,55 @@
+<template>
+  <div id="app">
+     <van-nav-bar
+      title="标题"
+      left-text="返回"
+      right-text="按钮"
+      left-arrow
+      @click-left="onClickLeft"
+      @click-right="onClickRight"
+    />
+
+    <!-- <img src="./assets/logo.png"> -->
+    <router-link to="about">about</router-link>
+    <router-link to="/me">me</router-link>
+    <router-link to="/">11</router-link>
+    <router-view/>
+    <about></about>
+    <van-tabbar v-model="active">
+  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
+  <van-tabbar-item icon="success">标签</van-tabbar-item>
+  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
+  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
+</van-tabbar>
+    
+  </div>
+</template>
+
+<script>
+import about from './view/about'
+export default {
+  name: 'App',
+  data() {
+    return {
+      active: 2,
+    };
+  },
+  components : {
+  about
+}, 
+  
+  
+}
+
+</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>

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/components/HelloWorld.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <h2>Essential Links</h2>
+    <ul>
+      <li>
+        <a
+          href="https://vuejs.org"
+          target="_blank"
+        >
+          Core Docs
+        </a>
+      </li>
+      <li>
+        <a
+          href="https://forum.vuejs.org"
+          target="_blank"
+        >
+          Forum
+        </a>
+      </li>
+      <li>
+        <a
+          href="https://chat.vuejs.org"
+          target="_blank"
+        >
+          Community Chat
+        </a>
+      </li>
+      <li>
+        <a
+          href="https://twitter.com/vuejs"
+          target="_blank"
+        >
+          Twitter
+        </a>
+      </li>
+      <br>
+      <li>
+        <a
+          href="http://vuejs-templates.github.io/webpack/"
+          target="_blank"
+        >
+          Docs for This Template
+        </a>
+      </li>
+    </ul>
+    <h2>Ecosystem</h2>
+    <ul>
+      <li>
+        <a
+          href="http://router.vuejs.org/"
+          target="_blank"
+        >
+          vue-router
+        </a>
+      </li>
+      <li>
+        <a
+          href="http://vuex.vuejs.org/"
+          target="_blank"
+        >
+          vuex
+        </a>
+      </li>
+      <li>
+        <a
+          href="http://vue-loader.vuejs.org/"
+          target="_blank"
+        >
+          vue-loader
+        </a>
+      </li>
+      <li>
+        <a
+          href="https://github.com/vuejs/awesome-vue"
+          target="_blank"
+        >
+          awesome-vue
+        </a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  data () {
+    return {
+      msg: 'Welcome to Your Vue.js App'
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<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>

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/main.js

@@ -0,0 +1,22 @@
+// 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 'lib-flexible/flexible'//rem插件
+import axios from 'axios' //axios 
+import Vant from 'vant'//vant
+import 'vant/lib/index.css'//vant 的css
+
+Vue.prototype.$http = axios
+
+Vue.config.productionTip = false
+
+Vue.use(Vant)
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "lib-flexible": "^0.3.2",
+    "px2rem-loader": "^0.1.9"
+  }
+}

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/router/index.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+// import HelloWorld from '@/components/HelloWorld' 
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+   
+    {
+      path: '/about',
+      name: 'about ',
+      component:  () => import(/* webpackChunkName: "group-foo" */ '../view/about.vue')
+    },
+    {
+      path: '/me',
+      name: 'me',
+      component:  () => import(/* webpackChunkName: "group-foo" */ '../view/me.vue')
+    }
+  ]
+}) 

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/view/about.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="about">
+   <h2>ldsajflkdsaj</h2>
+    <!-- <van-tabs v-model="active">
+      <van-tab title="标签 1">内容 1</van-tab>
+      <van-tab title="标签 2">内容 2</van-tab>
+      <van-tab title="标签 3">内容 3</van-tab>
+      <van-tab title="标签 4">内容 4</van-tab>
+    </van-tabs> -->
+
+    <van-image width="10rem" height="10rem" fit="contain" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+<!-- <van-tabbar v-model="active">
+  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
+  <van-tabbar-item icon="success">标签</van-tabbar-item>
+  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
+  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
+</van-tabbar> -->
+
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      active: 2,
+    };
+  },
+
+created () {
+  console.log(this.$parent.$data);
+},
+
+  methods: {
+    onClickLeft() {
+      Toast('返回');
+    },
+    onClickRight() {
+      Toast('按钮 ');
+    },
+  },
+  
+};
+
+
+
+</script>
+
+
+<style  scoped>
+
+</style>

历届学生/韩想/项目开发/练习项目/Think/vueStudy/src/view/me.vue

@@ -0,0 +1,30 @@
+<template>
+    <div class="about">
+        <h2>me!!!!!!!</h2>
+    </div>
+</template>
+
+
+<script>
+// import axios from 'axios'
+export default {
+    // data (){
+    //     return{
+    //         active:0
+    //     }
+    // },
+   async created () {
+        // this.$emit('Title','我的')
+       let testo = await this.$http.get('/user ?ID=12345')
+       console.log(testo);
+   
+    }
+}
+</script>
+
+
+<style scoped>
+h2{
+    color:red;
+}
+</style>