Vue笔记总结（Xmind格式）：第二天

Xmind鸟瞰图：

简单文字总结：

vue知识总结：
创建vue脚手架：
    1.安装Node.js：Vue CLI作为一个npm包，需要Node.js来安装和运行。
    2.安装Vue CLI：cmd指令 npm install -g @vue/cli 
    3.创建Vue项目：vue create 项目名
    4.启动服务器：npm run serve 

Vue脚手架生成的主要项目文件：
    1.node_modules # 项目依赖的第三方包
    2.public # 静态文件目录
    3.src  # 业务文件夹
    4.assets # 静态资源
    5.components # 组件目录
    6.App.vue  # 整个应用的根组件
    7.main.js # 入口js文件
    8.gitignore   # git提交忽略配置
    9.babel.config.js  # js编译器，兼容低版本的浏览器
    10.jsconfig.json # 更改默认的webpack配置文件
    11.package.json  # 依赖包列表
    12.README.md    # 项目说明
    13.packge-lock.json    # 项目包版本锁定
    14.vue.config.js   # vue文件编译时的配置文件

v-bind的使用：
    1.作用：用于动态绑定元素的属性
    2.语法格式：v-bind:属性名 v-bind可以简写为 ：
    3.绑定到类（class）和样式（style）

分支结构(v-if)：
    1.v-if指令用于根据表达式的真假值来条件性地渲染元素。
    2.v-else-if和v-else指令必须紧跟在v-if或v-else-if元素之后，用于处理多路分支逻辑。
    3.与v-if不同，v-show指令只是根据条件简单地切换元素的CSS属性display。

循环结构(v-for)：
    1.v-for的语法是item in items items是数据源 item 数组的每一项
    2.可以遍历数组与对象
    3.可以循环嵌套

详细Xmind原文档，在文章顶部自取下载！