Пытаюсь разобраться с Vue.js и возникла проблема при создании компонента. Не понимаю что не так и чего не хватает но все равно ловлю ошибку:
[Vue warn]: Unknown custom element: <mytag> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
Index.html:
<!DOCTYPE html>
<html>
<head>
<title>vueTest</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--<div class="app">-->
<!-- <h2>{{ product }}</h2>-->
<!-- <img :src="path " width="50px" height="50px" class="theIMG" :style="styless">-->
<!--</div>-->
<div id="anAp">
<myTag></myTag>
</div>
<!--<button id="theButton">Press</button>-->
<script src="vue.js"></script>
<script src="action.js"></script>
</body>
</html>
Action.js:
Vue.component ("myTag",{
name: 'myTag',
template: '<p>Hello world!</p>'
})
new Vue({
el: '#anAp',
data: {
}
})
Помогите исправить пожалуйста, я новичок в Vue.js((