Javascript 在支持导入/导出的最新浏览器中使用“.vue”文件_Javascript_Node.js_Vue.js

Javascript 在支持导入/导出的最新浏览器中使用“.vue”文件

javascript node.js vue.js

Javascript 在支持导入/导出的最新浏览器中使用“.vue”文件,javascript,node.js,vue.js,Javascript,Node.js,Vue.js,Chrome 60和带有标志的最新Firefox支持导入/导出指令。我想在没有NodeJS的情况下使用.vue文件，但我不知道该怎么做 import/export可以很好地处理.js文件，但是当我尝试使用.vue时，我失败了我的代码： <!DOCTYPE html> <html> <head> <title>test</title> <script src="https://unpkg.com/vue">&

Chrome 60和带有标志的最新Firefox支持导入/导出指令。我想在没有NodeJS的情况下使用

.vue

文件，但我不知道该怎么做

import/export

可以很好地处理

.js

文件，但是当我尝试使用

.vue

时，我失败了

我的代码：

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script src="https://unpkg.com/vue"></script>

    <script type="module">  
        import {myc} from './c.vue';
    </script>

</head>
<body>

</body>
</html>

为了处理所需的

.vue

文件，或将其转换为js对象供您导入。它们是专门为webpack和browserify而构建的，因此您需要使用其中一个来使用

.vue

文件

我知道你说过你不喜欢开销，但它可以让你在几分钟内完成。

为了处理你需要的

.vue

文件，或者，这实际上会将它们转换为js对象供你导入。它们是专门为webpack和browserify而构建的，因此您需要使用其中一个来使用

.vue

文件

我知道你说过你不喜欢这样的开销，但是它可以让你在几分钟内完成。

正如评论中所说，即使是现代浏览器也无法读取.vue文件，这在将来是不太可能改变的。因此，您应该使用一些构建工具将.vue转换为.js。有关捆绑解决方案，请参见其他答案

如果出于某种原因，你不想捆绑它们（我能看到的唯一严肃的原因是为了好玩&测试/纯电子释放，实际上，但无论如何），我可能有另一个解决方案

我没有针对您的特定用例（浏览器中的本机导入/导出）对其进行测试，但我使用vueify编写了将.vue文件转换为.js的代码，而没有使用gulp将其捆绑。它可能会起作用。

正如评论中所说，即使是现代浏览器也无法读取.vue文件，这在未来很难改变。因此，您应该使用一些构建工具将.vue转换为.js。有关捆绑解决方案，请参见其他答案

如果出于某种原因，你不想捆绑它们（我能看到的唯一严肃的原因是为了好玩&测试/纯电子释放，实际上，但无论如何），我可能有另一个解决方案

我没有针对您的特定用例（浏览器中的本机导入/导出）对其进行测试，但我使用vueify编写了将.vue文件转换为.js的代码，而没有使用gulp将其捆绑。它可能会工作。

支持

导入/导出

并不意味着这些浏览器也支持

.vue

文件。VueJS是一个定制的框架，不是任何意义上的官方技术。是否有任何黑客可以让它工作？你不能使用webpack/browserify吗？Afaik这些都是为了解决您的问题而构建的，它们不需要最新的浏览器或标志。我可以，但我真的不喜欢NodeJS和其他开销。所以您宁愿使用hack和beta浏览器来实现这一点。。。？抱歉，没有。支持

导入/导出

并不意味着这些浏览器也支持

.vue

<template>
  <div id="app">
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome!'
    }
  },
  components: {}
}
</script>