如何使用 html 文件附加外部 js-vue 文件

【问题标题】：How to attach an external js-vue file with an html file如何使用 html 文件附加外部 js-vue 文件
【发布时间】：2019-07-04 12:34:03
【问题描述】：

我正在尝试使用我的 html 代码附加一个外部 js 文件来运行 vue 代码，但是我遇到了诸如 element not found 和 vue not declared 之类的错误。

我尝试过 jsfiddle，但它并没有解决我的问题

【问题讨论】：

【解决方案1】：

您的main.js 需要如下所示：

import Vue from 'vue'
import App from './App'
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

您缺少实际的App 组件，您还需要一个App.vue（或至少一个模板）。试试这个：

new Vue({
  el: '#app',
  template: '<div>{{title}}</div>',
  data: {title: 'success'}
})

【讨论】：