学习vue的一些记录

在template中只能有一个大的div，但是可以嵌套

 <van-cell-group>
      <van-cell>
      </van-cell>
      <van-cell>
      </van-cell>
    </van-cell-group>

van-cell-group和van-cell用来分行，带有间隔线的。
可以在每个<>里面设置class名字，可以在style中靠class名字设置样式格式位置等等。

import Toast from 'vant/lib/toast'
export default {
    name: 'container',
    data () {
      return {
        home: {
          title: ''
        }
      }
    },
    methods: {
      toshop () {
        this.$router.push('/Market')
      },
      toshopthing () {
        Toast('sorry,我们现在还没有开业，亲~')
      }
    }
  }

在script中可以在return中定义一个name并在里面定义一个属性，用于上面的调用，方便重复利用。
在methods中定义一些方法，可用于上面的点击事件，@click=“方法名”或者 @submit=“方法名”，用于提交等等其他属性。

<template>
  <img :src="tuichu" class="tuichu1">
</template>
<script>
 import tuichu from '../assets/关闭.png'
export default {
    data () {
      return {
        tuichu: tuichu
      }
    }
    </script>

导入图片,如上诉，即可较为便利的导入。
然后再router文件夹下index.js需要再routes中写入你需要定义的路由地址，方便跳转，如下：

const routes = [
  {
    path: '/',
    name: 'login',
    component: login
  },
  {
    path: '/register',
    name: 'register',
    component: register
  }

对与全局导航守卫和axios的初步理解在后面