vue-resource
vue-router
vue的插件
vue-resource 是Vue的ajax
//mian.js
import VueResource from 'vue-resource'//调用
Vue.use(VueResource)//通知全局
vue-router vue的路由
直接在mian.js调用
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import list from '@/components/list'
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
}
]
})
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
如果把它放在一个自定义的js里需要暴露
然而在main.js调用
import Vue from 'vue'
import VueRouter from 'vue-router'调用
import shouye from '../vues/shouye.vue'//连接的vue组件
import about from '../vues/about.vue'//连接的vue组件
Vue.use(VueRouter)//通知全局
export default new VueRouter({//暴露出去
routes:[
{
path:'/',
component:shouye
},
{
path:'/guanyu',
component:about
}
]
})
main.js部分:
import Vue from 'vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})