クロム60とフラグを持つ最新のFirefoxには、import/export
ディレクティブがサポートされています。私はNodeJSなしで.vue
ファイルを使用したいと思いますが、どうやってそれを行うのか分かりません。インポート/エクスポートをサポートする最新のブラウザで `.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>
私はc.vue
次のコードに配置してみました: export const myc = "ccc";
しかし、私はエラーました:GET http://localhost:8082/c.vue
を。インポートするために、本質的にjsオブジェクトにそれらを回すあなたがvue-loaderまたはvueify必要.vue
ファイルを、処理するために
<template>
<div id="app">
</div>
</template>
<script>
export default {
name: 'app',
data() {
return {
msg: 'Welcome!'
}
},
components: {}
}
</script>
'import/export'のサポートは、それらのブラウザが' .vue'ファイルもサポートしているわけではありません。 VueJSはカスタムフレームワークであり、公式の技術ではありません。 –
それを稼働させるためのハックはありますか? –
webpack/browserifyを使用できませんか? Afaikはあなたの問題を解決するために作られたもので、最新のブラウザーやフラグは必要ありません。 –