前提・実現したいこと
現在Vue.jsを勉強中なのですが、現在あるtemplateの内でscriptを記述し、
onclickでコンソールログに表示したいのですが、上手くいきません。
現状としてはvue-routerで複数のページを作成して該当のページに遷移後、
遷移先のページ内(ファイル名.vue)内で記述しています。
宜しくお願い致します。
発生している問題・エラーメッセージ
実行後画面が描画されず下記のエラー文がコンソールログに表示されました。
Uncaught ReferenceError: Vue is not defined
該当のソースコード
vue
1<template> 2 <v-layout justify-center align-center column > 3 <div id="temp_1"> 4 <v-btn @click="clickFunction" color="primary" dark large></v-btn> 5 </div> 6 </v-layout> 7</template> 8 9<script> 10var app = new Vue({ 11 el: "#temp_1", 12 methods:{ 13 clickFunction:function(){ 14 console.log("hoge"); 15 } 16 } 17 }) 18</script> 19 20<style> 21</style>
###試したこと
vue
1export default { 2 methods: { 3 clickFunction:function(){ 4 console.log("hoge"); 5 } 6 } 7 }
上記だと正常に動作しますが、理由は確認中です。
補足情報(FW/ツールのバージョンなど)
vueのバージョン:3.3.0
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/01/30 07:31
2019/01/30 08:09
退会済みユーザー
2019/01/31 01:46
2019/01/31 01:52
退会済みユーザー
2019/01/31 02:19
2019/01/31 02:36
退会済みユーザー
2019/01/31 02:50 編集
退会済みユーザー
2019/01/31 03:04