前提・実現したいこと
社内でVueJSというフレームワークを使うことになったのですが、モジュールをメインのjsにimportする方法がわかりません。
main.jsというVueのコンストラクタに、mixin用のモジュール(mixin.js)とcontactformというテンプレート(contactform.js)をそれぞれ別ファイルとして管理し、インポートしたい。
発生している問題・エラーメッセージ
ためしたこと
1.require → undefinedが出たので調べたらサーバサイドのみ利用可能とありました。
2.import → *の有無やいくつかのパターンで試しましたが Unexpected identifierが出てしまいます。
該当のソースコード
main.js
javascript
1'use strict'; 2import contactform from '../templates/contactform'; 3import mixins from '../modules/mixin'; 4//## main constractor 5new Vue({ 6 el: '#wrap', 7 components: { 8 contactform 9 }, 10 mixins: [mixins], 11 data: {}, 12 created: function() { 13 //GAのスクリプト 14 } 15});
mixin.js
javascript
1'use strict'; 2export default { 3 methods: { 4 onMouseoverMakeOpacity: function(e) { 5 //処理1 6 }, 7 onMouseleaveEraseOpacity: function(e) { 8 //処理2 9 } 10 }, 11};
contactform.js
javascript
1'use strict'; 2import mixins from '../modules/mixin'; 3 4export default Vue.extend({ 5 mixins: [mixins], 6 data: function() { 7 return { 8 options: {}, 9 values: [], 10 error: '', 11 }; 12 }, 13 methods: { 14 onSubmitForm: function(e) { 15 //送信処理 16 }, 17 onSanitaize: function(str) { 18 //サニタイズ処理 19 } 20 }, 21 template: `<form></form>` 22}); 23
試したこと
require,class化試してみましたが上記のエラーやundefined(require)などでうまくいきません。
補足情報(FW/ツールのバージョンなど)
Vue.js v2.5.16
ここにより詳細な情報を記載してください。
お力添えいただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/30 06:30