<html>
<head>
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>
<body>
<div id="app">
<h2>Vue js string.concat(text2) Method </h2>
<p>concat string in Vue Js</p>
<button @click="myFunction">click me </button>
<p>Text1:{{text1}}</p>
<P>Text2:{{text2}}</P>
<p>Combined string: {{results}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
results : '',
text1:'FONTAWESOME',
text2:'ICONS'
}
},
methods:{
myFunction(){
this.results = this.text1.concat(this.text2);
},
}
}).mount('#app')
</script>
</body>
</head>
</html>