不用vue脚手架和webpack,如何在js中引入vue组件呢

linp
  • 9

如题,我是新手,目前课设只需要一丢vue的知识,课设后再学多一点vue。
我设置了路由,入门的那种,正如vue文档里也一样,它的实例是

const NotFound = { template: '<p>Page not found</p>' } 
const Home = { template: '<p>home page</p>' } 
const About = { template: '<p>about page</p>' } 
const routes = { '/': Home, '/about': About } 
new Vue({ el: '#app', 
data: { currentRoute: window.location.pathname }, 
computed: { ViewComponent () { 
return routes\[this.currentRoute\] || NotFound } },
render (h) { return h(this.ViewComponent) } })

如果按上面来,那template就要直接写在里面,我的template都是很多内容的,而且直接塞进去会报错,就是不知道要如何放在外面然后可以导进来用,求解!QAQ

回复
阅读 1.4k
1 个回答

首先要导入vuevue-router的包

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

然后如果template太大的话可以拆成单文件组件,或者使用模板字符串。
另外官方文档其实很详细,可以多看看。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏