VUE基础知识03

对标签注入属性是不行的,但是EJS可以!(不知道EJS是什么?)
比如:

<a href="{
    
    {site}}"></a>
data(){
    
    return {
    
    site:'http://www.itlike.com'}

双括号仅仅适用于标签与标签,这里如果进行需要强制数据绑定href=''site''<a v-bind:href="site">learn VUE</a>简写:<a :href="site">learn VUE</a>。可以在VUE调试插件里面观察它。
绑定数据监听,比如对一个按钮进行监听,对事件进行监听。<button>like vue</button>

<button v-on:click="study"></button>
<button @click="study"></button>
methods:{
    
    
  study(){
    
    
    alert('good luck!')
    }
  }
<button v-on:click="study"></button>
<button @click="study('learning!')"></button>
methods:{
    
    
  study(name){
    
    
    alert('${name},good luck!')  //es6的语法
    }
  }

猜你喜欢

转载自blog.csdn.net/weixin_45799003/article/details/114485862