sunday

292 经验值

我擦,坑了,真是个坑,npm outdated看了下最新2.1.1。。。。。还有个3.0.0,好了,真的好了,哭了,一下午啊

ok,我发现的时,加上vuex-router-sync,会报错:no path,sync(store, router)其中router参数貌似不对,sync里面有个,router.afterEach(..){...},这个貌似是router的钩子吧,但是没有道理会错呢,我先试试你说的

我把各种东西排除,现在发现好像是vuex-router-sync的问题,sync(store, router)其中router参数貌似不对,不过我是模仿尤大的hacknews2写的,还是没发现解决办法,继续

不对,我把各种东西排除,现在发现好像是vuex-router-sync的问题,sync(store, router)其中router参数貌似不对,不过我是模仿尤大的hacknews2写的,还是没发现解决办法,继续

其实排除vuex,一样是不行,愁死我乐

"dependencies": {
    "vue": "^2.0.3",
    "vue-resource": "^1.0.0",
    "vue-router": "^2.0.1",
    "vuex": "^2.0.0",
    "vuex-router-sync": "^2.1.1"
  },

全部升级到2版本

不仅没有router没有 “ 启动 ” ,连store都没set进去route。

vuex的state里面route是empty的。

但是vuex-router-sync并没有发现什么问题啊

import router from './router'
import store from './store'
import { sync } from 'vuex-router-sync'
sync(store, router)

准确的来说,vue router根本就没 “ 启动 ” ,vue dev tools给的节点只是一个<App>

vue切换到2.0,vue-router也是2.0版本,代码如下,router-view没有变化,肯定哪里写错了,我现在看迷糊了,实在找不出来了,求助

/src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { sync } from 'vuex-router-sync'
sync(store, router)
new Vue({
  router,
  store,
  ...App
}).$mount('#app')

/src/router/index.js

import Vue from 'vue'
import routes from './routes'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
  mode: 'history',
  routes
})
export default router

/src/router/routes.js

import loader from './loader'
const routes = [
  { path: '/index', name: 'index', component: (r) => require(['./../views/index.vue'], r) }
]
export default routes

/src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
  modules: {}
})
export default store

/src/view/index.vue

<template>
<div>
  <h1>  msg  </h1>
</div>
</template>
<script>
import loader from './../../../router/loader'
export default {
  name: 'index',
  data () {
    return {
      msg: 'This is index'
    }
  },
  created () {
      console.log('This is index')
  }
}
</script>

/src/App.vue

<template>
  <div id="app">
    <router-link :to="'index'">index</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  mounted () {
    console.log('Hello App')
  }
}
</script>

我在lumen中使用valet,结果只出现了“It works”,其它的路由都不管用,是因为什么?