Vue3快速入门+axios的异步请求（基础使用）

学习Vue之前先要学习html+css+js的基础使用

Vue其实是js的框架

常用到的Vue指令包括vue-on,vue-for,vue-blind,vue-if&vue-show,v-modul

vue的基础模板：

    
    
    


    

        
{{msg}}
    
    

常用到的Vue指令：

1. v-for

   
   
   
       
       
       
   
   
   
       
   
           
   
               
   
                   
   文章标题
                   
   分类
                   
   发表时间
                   
   状态
                   
   操作
               
   
               
   
                   
   {{article.title}}
                   
   {{article.category}}
                   
   {{article.time}}
                   
   {{article.state}}
                   
   
                       编辑
                       删除
                   
               
   
           
       
   
       
   
   

2. v-blind
    

   
   
   
       
       
       
   
   
       
   
           
            黑马
       
       
   
   

3. v-if&&v-show
    

   
   
   
   
       
       
       
   
   
   
       
   
   
           
   
           9.9
           19.9
           29.9
   
           
   
           9.9
           19.9
           29.9
       
   
       
   
   
   

4. v-on
    

   
   
   
       
       
       
   
   
       
   
           点我有惊喜  
           再点更惊喜
       
   
       
   
   

5. v-module

   
   
   
   
       
       
       
   
   
   
       
   
   
           文章分类: {{searchConditions.category}}
   
           发布状态: {{searchConditions.state}}
   
           搜索
           重置
   
           
   
           
   
           
   
               
   
                   
   文章标题
                   
   分类
                   
   发表时间
                   
   状态
                   
   操作
               
               
   
                   
   {{article.title}}
                   
   {{article.category}}
                   
   {{article.time}}
                   
   {{article.state}}
                   
   
                       编辑
                       删除
                   
               
           
       
       
   
   
   

   axios使用：
    

   main.js是程序的入口 ，前端通过import的方式导入模块