I'm brand new to working with Vue and I've encountered an issue:
Below is my index.html file where I have used two custom tags - aas and task :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="root">
<aas></aas>
<task></task>
</div>
<script src="../index/vue.js"></script>
<script src="main.js"></script>
</body>
</html>
Next, here's a snippet from my main.js file :
Vue.component('aas', {
template:'<a><slot></slot></a>'
});
Vue.component('task', {
template:'<li><slot></slot></li>'
});
new Vue({
el:'#root'
});
Despite this setup, I'm encountering the following error message :
vue.js:597 [Vue warn]: Unknown custom element: <aas> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
Is there a solution to resolve this matter?