I am learning Vue and try to create a call to an onclickfunction with a string argument. But it seems that i cant use single ' or double " quotationmarks. and the escape way /' or /" doesnt work either. is there a way to accomplish this without putting the name in to the data section of the vue component? The output would change from: *Hey there i am Gandalfion.* to *Hey there i am nameinstringformat.* when the button of the component was clicked if everything would work.

```
Vue.component('greeting',{
template:"<p>Hey there i am {{name}}.<button v- 
on:click='changeName("nameinstringformat")'>Change name!</button></p>"
  ,
data : function(){
  return{
    name: 'Gandalfion'

  }
},
methods: {
  changeName: function(namein){
    this.name=namein
  }
}

```

//this doesnt work

```
Vue.component('greeting',{
template:"<p>Hey there i am {{name}}.<button v-on:click='changeName(name2)'>Change name!</button></p>"
  ,
data : function(){
  return{
    name: 'Gandalfion',
    name2: 'Leif2'
  }  
},
methods: {
  changeName: function(namein){
    this.name=namein
  }
}
//this workaround works

```