Question

我正在尝试在summary.vue文件中呈现Vue数据。

这是我的HTML：（index.html）

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/animate/animate.css">
</head>

<body>
  <app></app>
  <script src="./lib/jquery/jquery-2.2.4.min.js"></script>
  <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="./node_modules/vue/dist/vue.js"></script>
  <script src="./node_modules/vue/dist/vue.min.js"></script>
  <script src="./src/summary-components.js"></script>
  <script src="bundle.js"></script>
</body>

</html>

'app'标签以某种方式与此文件相关联：（entry.js）

import Vue from 'vue';
import App from './Summary.vue';

new Vue({
  el: 'body',
  data: {
    message: 'test',
  },
  components: { App },
});

最终呈现我的.vue文件'Summary.vue'。但我的数据不会呈现给我的http服务器，甚至尝试使用脚本标签。（Summary.vue）

<div id="summarye">{{ message }}</div>

<script>

  new Vue({
    el: '#summarye',
    data: {
      message: "Vue JS Testing"
    }
  });

</script>

在我的'summary-components.js'文件中，我尝试过：

import Vue from 'vue';
import summary from './Summary.vue';

它只是没有显示..有人可以帮我正确导入并让vue工作吗？

vuejs无法在.vue文件中呈现

0 个答案: