Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
136 views
in Technique[技术] by (71.8m points)

javascript - Render Vue on static HTML page with existing markup

I'm trying to render a built vue project (using npm run build) on a static html page on my webserver. This have worked in the past, but now I can't seem to get a page rendered without using the render function.

new Vue({
   router,
   // render: h => h(App) <-- is this required nowadays?
}).$mount('#app')

My markup:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="dist/css/app.css" />
</head>
<body>
    <div id="app">
      <some-component></some-component>
    </div>
    <script src="dist/js/chunk-vendors.js"></script>
    <script src="dist/js/app.js"></script>
</body>
</html>

If I look in devtools, the div tag seems to be removed by the script. I would like Vue to use the content in my div, rather than using an App component with the render function, since my backend decides what components that are inserted in to the div.

runtimeCompiler in vue.config seems to help, is that required for this scenario?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...