VueJS组件未呈现

逆天ProNear2020-03-13

我有一个非常基本的vueJS应用程序，正在网站上关注我。

这是代码，为什么组件无法渲染？

的HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
</div>

<div>
<ol>
  <todo-item></todo-item>
</ol>
</div>

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

Vue.component('todo-item', {
    template: '<li>This is a list item</li>'
})

路易Gil2020/03/13 20:21:09

我的组件也没有渲染。

如果不是那么明显，就像我所看到的，请看一下如何导入组件。

例如，首先我有：

import { CurrencyConverter } from "./CurrencyConverter.vue";

并且必须去掉括号，所以看起来像这样：

import CurrencyConverter from "./CurrencyConverter.vue";

当然，这意味着在组件中使用以下语法：

export default {
    name: "CurrencyConverter",
}

超威蓝喵2020/03/13 20:21:09

<template>  
 <div>       
  <DeleteModal :trigger="isDelete" :title="deleteTitle" :body="deleteBody" @request="remove"></DeleteModal>
</div>
</template>
<script>
import DeleteModal from "./../common/DeleteModal";
export default {
components:{
DeleteModal
},
data: () => ({
     )}
}

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer