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

(1)表单修饰符

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

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

(2)fetch

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




    
    
    Document
    
    


    
  • {{data.name}}

三、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)