小花皮猪

用vue中的v-model收集表单里面的数据，不同的表单元素配合v-model会有不同的写法和技巧 本次的表单元素包括：文本框，单选，多选，下拉框，文本域 1 编写表单元素 首先编写表单元素，包括：文

列表排序 1 编写案例 在列表过滤的基础上新增一个功能，可以安装指定的条件进行升序或者降序(自上而下)   这里补充下，鼠标远中一行，然后按alt+shift+↓可以复制一行，和IDEA里面的ctrl

列表过滤 对已知的列表进行数据过滤(根据输入框里面的内容进行数据过滤) 1 编写案例 通过案例来演示说明 效果就是这样的 输入框是模糊查询 想要实现功能，其实就两大步，1获取输入框内容 2根据输入内容

列表渲染 列表渲染的东西比较多，我们通过案例一步一步学习列表渲染的相关知识 基本列表 首先写一个基本的列表,想要把persons列表里面的对象展示在li里面，我们可以使用一个指令：v-for v-fo

条件渲染 顾名思义，就是符合哪些条件，就渲染哪些东西，其实就是几个指令的使用 先做一个小例子 我想让这个div时而显示，时而隐藏，可以在两者之间进行切换，那么使用原生的方式实现，想到的是用displa

绑定class样式 首先写一个简单的class样式，和一个div容器方便调试 这些class样式简单说下用途：basic是最基本的样式，我们可以配合另外一个class样式使用，也就是happy，sad

什么是Vue脚手架？ CLI(Command Line Interface)命令行接口工具 vue脚手架是vue官方提供的标准化开发工具（开发平台），帮助开发者专门做工程化开发 关于脚手架版本：选择最

前言 可以先使用技术属性的方式编写天气案例，然后使用监视属性，通过对比，更加清晰明了 编写案例 我们可以使用三木运算符实现对天气的更换，如果属性为真就是炎热，为假就是寒冷 但是不建议在插值语法里面做复

前言 学习vue的计算属性之前，我们先写一个案例，我们先用插值语法实现，然后再使用vue的计算属性实现，经过对比，我们就能掌握计算属性的精髓和原理 插值语法编写案例 写一个简单的例子，姓和名分别用两个