第4篇 vue的常用事件操作

一 vue常用操作案例

1.1 事件渲染

1.数据渲染的方式：使用插值表达式{{}}进行数据渲染

2.数据渲染的方式：以使用 v-bind指令，它的简写的形式就是一个冒号（:），v-bind 特性被称为指令。指令带有前缀 v-

代码

    
    
    
    



  

        

    
            
           div中内容： {{ message }}

           

            {{ message }}
           
        

            {{ message }}
        

    
    
这是一个标题
    
    

2.结果：

1.2 双向绑定

v-model 可以进行双向的数据绑定；

v-bind:value只能进行单向的数据渲染；

代码

    
    
    
    



    

        
        
        
您要查询的是：{{searchMap.keyWord}}
        
       
    
    
    

2.页面