Vue.js 如何加载一个带有 v-link 的 template？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3567 天前的主题，其中的信息可能已经有所发展或是发生改变。

我目前在写的一个个人项目需要用到 vue.js & Laravel

使用 vue.js 写前端

目前遇到了个百思不得其解的问题： Vue.js 如何加载一个带有 v-link 的 template ？

代码如下：

https://gist.github.com/HuanMeng0/0403649595dfc829fc9754720d1bb9bd

.js

如果这样写，会遇到错误
[vue-router] v-link can only be used inside a router-enabled app.
Uncaught TypeError: Cannot read property 'stringifyPath' of undefined
https://ooo.0o0.ooo/2016/04/28/57220f67251ac.png

实在搞不懂了，在 header.vue 引入 vue 和 vue-routery 也不行……

4 条回复 • 2016-04-30 11:27:08 +08:00

horizon

2016 年 4 月 29 日 via iPhone

直接用 href ，这是因为你没引入 Vue router 吧

ZGLHHH

2016 年 4 月 29 日

@horizon 在 header.vue 引入了：
<script>
import Vue from 'vue';
import VueRouter from "vue-router";
var VueResource = require('vue-resource');
Vue.use(VueRouter);
Vue.use(VueResource);
export default{

}
</script>

一样的错误……

horizon

2016 年 4 月 29 日 via iPhone

@ZGLHHH 还有 vue.start 呢？好好看看文档

ZGLHHH

2016 年 4 月 30 日

成功解决了：
http://forum.vuejs.org/topic/3912/vue-js-%E5%A6%82%E4%BD%95%E5%8A%A0%E8%BD%BD%E4%B8%80%E4%B8%AA%E5%B8%A6%E6%9C%89-v-link-%E7%9A%84-template