Create Basic Vue Js Component Layout?

1.	Create Basic Vue Js Component Layout?
Answer» basic vue js component layout <template> <div class="HOME class"> <a>{{site NAME}}</a> </div> </template> <SCRIPT> export default { data: function() { return { sitename:'www.wisdomjobs.com' } }, created: function () { console.log('Component created.') }, methods: { displayname:function(URL){ console.log(this.sitename) } }, mounted() { console.log('Component mounted.') } } </script> <style> .a{ color: #111; } </style> basic vue js component layout <template> <div class="home class"> <a>{{site name}}</a> </div> </template> <script> export default { data: function() { return { sitename:'www.wisdomjobs.com' } }, created: function () { console.log('Component created.') }, methods: { displayname:function(url){ console.log(this.sitename) } }, mounted() { console.log('Component mounted.') } } </script> <style> .a{ color: #111; } </style>

Answer»

basic vue js component layout

</div>

</template>

export default {

data: function()

{

return {

sitename:'www.wisdomjobs.com'

}

created: function () {

console.log('Component created.')

methods: {

displayname:function(URL){

console.log(this.sitename)

}

mounted() {

console.log('Component mounted.')

}

</script>

<style>

.a{

color: #111;

}

</style>