vue路由（基于VScode开发）

index.js如果在router目录下，代表这个js文件只是路由使用

main.js中为全局，需要引入使用到的组件，一般vue中不用写东西
vue中el挂载哪个就哪个组件为根目录，
传值数据绑定的时候在组件（即app.vue之类的），必须返回data值，写data数据格式为：
export default {
name: 'App',//组件名字
data(){//固定格式，里面和data一样
return{
message: 'Welcome to Your Vue.js App'
}
}
}

路由：
APP.vue里面写
hello
news
about

News.vue/Test.vue中

在哪用所需要的东西就在哪里声明
例如路由
index.js中：

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import router from '@/components/router'
Vue.use(Router)

传输请求数据
main.js中
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios)

如果想让数据在别的页面中显示记得在index.js中引入组件

组件router.vue中

转载于:https://www.cnblogs.com/huchong-bk/p/11304520.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！