vuejs应用首页通过jade渲染问题

我用vue写一个单页面应用,首页通过jade渲染,发现jade中的内联script无法渲染。

入口main.js:

import Vue from vue;
import App from ./components/App.vue;
import Home from ./components/Home.vue;
import Log from ./components/Log.vue;
import Post from ./components/Post.vue;
const VueRouter = requirevue-router; Vue.useVueRouter;
let router = new VueRouter; router.map{ "/log":{ component:Log }, "/home":{ component:Home }, "/post":{ component:Post }
}; router.startApp,"#app";

App.vue:

<template> <div> 那个这是app <router-view></router-view> </div>
</template> <script> import Home from ./Home.vue; export default { }
</script>

jade:

extends layout block content divid="app" script. window.user = {name:"hello"} scriptsrc="/js/manifest.484c579ca98fb1764a3a.js" scriptsrc="/js/vendor.201036e726b2d5032b38.js" scriptsrc="/js/app.829bb3b3b0bced220d35.js"

最终渲染却没有这句内联的window.user…

请问这是怎么回事呢?vue的方式出现的这个问题,我测试不用vue就正常渲染

jade可以识别.vue文件和ecma6转义成ecma5么?

  • 没用过jade,我用的webpack打包的

发表评论

电子邮件地址不会被公开。 必填项已用*标注