gug*_*gio 0 javascript vue.js vue-component
我正在创建我的.vue组件文件以从index.html我的 SPA文件中删除模板。将第一个组件移动到单独的文件后，我在控制台中收到此错误：Uncaught SyntaxError: Cannot use import statement outside a module. 我没有使用 webpack、browserify babel 或类似的工具，我只是使用 javascript。我如何解决这个问题并在应用程序的主 javascript 文件中导入单个文件组件？
只需使用常规 JavaScript 文件，.vue文件仅通过 支持vue-cli，因为它们已编译。此解决方案有效，允许您将逻辑拆分到多个文件中，就像使用.vue模板一样。
索引.html
<head>
<!-- TODO: your imports here... -->
<script src="path/to/MyComponent.js"></script>
</head>
<body>
<div id="app">
<my-component></my-component>
</div>
<script>
new Vue({
el: '#app'
});
</script>
</body>
我的组件.js
const MyComponent = Vue.component('my-component', {
data () {
// Your data here...
},
methods: {
// Your methods here...
},
template: '<p>Hello, world!</p>'
});
可以在此处找到更多信息。
| 归档时间： |
|
| 查看次数： |
6355 次 |
| 最近记录： |