Question

我有一个这样的单页面Vue应用程序。

应用

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
  Message - {{ message }}
</div>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
   Message - {{ message }}
</div>
</body>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
</script>
</html>

我正在做一个webpack项目，我想将单页应用程序页面包含到vue组件中。我如何实现这一目标。

我尝试过使用HTML字符串的v-html，但是script标记对此不起作用，并且出于安全原因，我不想在项目上实现iframe。预先感谢。

在Webpack项目中添加单页Vue应用程序

0 个答案: