sharath-mohan / vue-course

my vue learning course

Vue course

Chapter 1

Vue.createApp({

}).mount('#app')

Chapter 2

1. Interpolation

Vue.createApp({
 data:()=>{
     return{
         msg: "hello"
     }
 }
}).mount('#app')

<p>{{ msg }}</p>

2. property binding

Vue.createApp({
 data:()=>{
     return{
         imgurl: "https://google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"",
     }
 }
}).mount('#app')

<img v-bind:src="imgurl" />

3. event binding

Vue.createApp({
    methods:{
        onclick: function(){
            alert("hello")
        }
    }
}).mount('#app')

<button v-on:click="onclick">Click me</button>

5. Outputing HTML

Vue.createApp({
 data:()=>{
     return{
         msg: "<h1>Hello</h1>"
     }
 }
}).mount('#app')

<p v-html="msg"></p>