小花皮猪

非单文本组件(用的少) 在vue中，组件是有两种编写格式的，第一种格式叫非单文本组件，第二种格式叫单文本组件 非单文本组件：一个文件中含有多个组件，也叫多文本组件，比如demo.html里面包含js,

自定义指令 vue里面不仅仅有内置的指令，也可以根据自己的需求构建自定义指令 它其实就是操作DOM元素的属性以及内容 通过directives属性配置自定义指令，有函数式和对象式两种写法，下面分别去写

除了常见的v-bind,v-for,v-if,v-on.v-model等，本次学习一些vue提供的其他内置指令 1 v-text 给标签插入文本，类似于插值语法 它会把全部的字符串当成文本去解析,不会

多选框另类使用场景 这个复选框和上面爱好那个复选框是不一样的，它不需要收集value值，只需要知道是否被选择，也就是ture或false，这时候就可以安装输入框的方式去写，直接去定义字符串，而不是数组

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

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

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

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

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