Q&A
現在Vuejsを勉強している初学者です。https://www.vuemastery.com/courses/intro-to-vue-js/event-handling
こちらのサイトを参考に勉強しているのですが、外部にあるjsファイルが読み込まれなくなりました。特にコンソールはエラーが出ていません。すごく初歩的な問題な気がしますが、よろしくお願いします。
HTML
1<html> 2<head> 3<meta charset="utf-8"> 4<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.min.js'></script><!-- 2019-01-25 https://cdnjs.com/libraries/vue --> 5<script type="text/javascript" src="js/main.js"></script> 6</head> 7<body> 8<div id="app"> 9<h1>{{product}}</h1> 10<button v-on:click = "addtoCart">ここをタッチ！</button> 11<p>{{cart}}</p> 12</div> 13</body> 14</html>
javascript
1 var app = new Vue({ 2 el:"#app", 3 data:{ 4 product:"socks", 5 cart:0, 6 }, 7 methods:{ 8 addtoClart:function(){ 9 this.cart += 1 10 }, 11 methods:{ 12 addtoCart:function(variantimage){ 13 this.image= variantimage 14 } 15 } 16} 17})
回答1件
0
ベストアンサー
scriptを読み込む位置じゃないでしょうか？
ご提示のURLを見てきましたが、bodyの閉じタグの前で読み込んでいるようです。
投稿2021/05/16 02:26
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/16 02:55