Vue简单运用

1.插值表达式

插值表达式：数据绑定【插值表达式中一般指定变量，也可以指定表达式等等。】

插值闪烁

当数据不是预定义的时候，而是通过网络进行获取的，那么当网络延迟加载时，页面中会显示插值表达式的语法，等网络加载完毕后，数据进行渲染，这种现象称之为：插值闪烁

2.v-text&v-html

v-text不能读取标签 而v-html可以读取标签

3.v-if&v-show

v-if

    吃饭了吗？
    吃了
    没吃
    没吃

v-show

    今天做核酸了吗？
    做核酸了

v-if于v-show的区别

v-if只有条件达成时会创建标签，v-show无论是否达成都会创建标签 只是通过 *** 作css来显示隐藏

4.v-for

循环遍历数据

v-if不要和v-for同时在同一个元素上使用

1.遍历普通数组

    
        {{item}}>>>>>{{index}}
    

2.遍历对象数组

    

        

            


                
序号
                
姓名
                
年龄
                
性别
            

        
        

        

            
{{index+1}}
            
{{item.name}}
            
{{item.age}}
            
{{item.sex}}

        

        


    

 3.遍历对象

    
        {{item}}>>>{{steat}}>>>{{index}}
    

5.v-on

事件绑定

JavaScript中的onClick

jQuery中的click()

vue中的v-on:click

    {{message}}
    点击事件
    点击事件获取数据
    点击事件获取数据
    点击事件获取数据
    点击事件获取数据