三、Vue入门-2(fetch、axios、计算属性)

(1)表单修饰符

三、Vue入门-2(fetch、axios、计算属性)_第1张图片

三、Vue入门-2(fetch、axios、计算属性)_第2张图片

(2)fetch

获取json文件中的数据,并显示到页面




    
    
    Document
    
    


    

    三、Vue入门-2(fetch、axios、计算属性)_第3张图片

    (3)axios(第三方库)

    与fetch不同,返回的数据会被封装(被封装到data中)

    需加 

    
    
    
        
        
        Document
        
        
        
    
    
        
    • {{data.name}}

    (4)计算属性(computed)

    比方法更好用,计算属性有缓冲,仅需执行一次

    例如:将一串英文的第一个字母改成大写

    三、Vue入门-2(fetch、axios、计算属性)_第4张图片

    (5)使用计算属性进行模糊查询

    三、Vue入门-2(fetch、axios、计算属性)_第5张图片

    三、Vue入门-2(fetch、axios、计算属性)_第6张图片

    三、Vue入门-2(fetch、axios、计算属性)_第7张图片

    你可能感兴趣的:(框架Vue,vue)