去哪网学习笔记--项目环境准备

1. 安装node.js

测试：

node -v  #检测是否安装成功node
npm -v  #检测npm这个工具

2. 单文件组件与Vue中的路由

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Car from '@/components/Car'
import Picture from '@/components/Picture'
import Record from '@/components/Record'
import CarData from '@/components/CarData'
import Login from '@/components/Login'

@ 代表src下的根目录

App.vue是跟组件，<router-view/>是当前地址所对应的路由内容，路由内容去哪里找呢？我们到router/index.js里去找，通过配置项的对应关系去找。

注意：在<template></template>下只能有一个根标签，例如：

<template>
    <div></div>
    <router-link to=''></router-link>
</template>

上面这段代码会报错，因为template下有多个根标签了。

如果想跳转页面，通过<router-link></router-link>标签。

单页面应用不需要请求http来得到一个HTML文件，而是通过JS来进行转换。