Я использую vue, используя cdn ссылку и используя свой компонент, как это.
Vue.component('forward-button', {
template: `
<button type=button class="btn btn-default" @click="goURL">{{this.title}}</button>
`,
props: ['url', 'title'],
methods: {
goURL: function() {
console.log(this.url);
window.open(this.url);
}
}
});
new Vue({
el: '#app',
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id='app'>
<forward-button title="google" url="#"></forward-button>
</div>
Как мне оформить это как отдельный файловый компонент? Не хочу использовать стиль внутри HTML