目录

一、Vue简介

二、Vue基本知识

（一）简单知识

（二）本地应用（指令） 

三、axios与Vue

四、案例

（一）本地应用-计算机案例

（二）本地应用-图片切换案例

（三）本地应用-记事本案例

（四）网络应用-天气查询案例

#END（具体可观看b站黑马vue入门版）

一、Vue简介

1.JavaScript框架

2.简化Dom操作

3.响应式数据驱动

4.Vue实例的作用范围是什么？

Vue会管理el选项命中的元素及其内部的子元素

5.是否可以使用其他的选择器？

可以使用其他选择器，如类选择器，但是建议使用ID选择器

6.是否可以设置其他的dom元素？

可以使用其他双标签，不能使用HTML标签和body标签

二、Vue基本知识

（一）简单知识

1.el挂载点（对应一中的第五点：可以使用其他选择器，如类选择器，但是建议使用ID选择器）

1）代码：

    {{ message }}
    

      {{ message }}
      {{ message }}
    
    
    
    
  

2）结果：

2.data：数据对象

1）基本知识

① Vue中用到的数据定义在data中

② data中可以写复杂数据的类型

③ 渲染复杂类型数据时，遵守js语法

2）代码：

    

      {{ message }}
      
{{ school.name }} {{ school.mobile }}
      

        
{{ campus[0] }}
        
{{ campus[1] }}
            
            

                
相关推荐

                                
pytest官方文档解读fixtures的调用方式
                                
Java调用OpenCV并通过OpenCL进行GPU加速
                                
程序员必读书籍
                                
闲谈工业企业全厂信息化规划
                                
小米回应“被意大利机构罚款2176万元”；Win 12要来？曝微软调整Windows迭代节奏；Vite 3.0 发布|极客头条
                                
leetcode349python 两个数组的交集
                                
C语言基础：011 C进阶语法 - 字符函数和字符串函数
                                
docker 启动Elasticsearch成功后自动退出
                                
一张图进阶 RocketMQ - 通信机制
                                
机器学习----降低维度（Dimensionality Reduction）算法原理及python实现
                                
React中的setState使用细节和原理解析
                                
（JavaWeb）会话跟踪技术Cookie和Session(重点)
                                
Hadoop之Flume采集文件到hdfs
                                
电影音频自动剪辑语料
                                
oracle数据创建sp语句,oracle创建表空间等相关语句
                                
C语言字符串处理函数、sizeof、动态内存分配函数、main函数参数问题
                                
ros机器人gazebo仿真
                                
STM32控制WS2812灯带【含完整代码】
                                
oracle通过具有子句和窗口函数按组排序
                                
Linux下（ubuntu版本14045）安装编译bluez5.19