散乱的笔记--VUE 01

• 关闭 eslint

• eslint 是一个代码检查工具，代码不严谨会出现错误，就加载不出来啊

• App.vue是 根

• 里面的 template 标签相当于规定了一个html 区域，在里面书写 html 结构

• 只能有一个根标签（根标签最好是这样），

• v-bind 动态绑定标签/属性，可以省略写成 ' ：'

• 可以通过 import 导入图片或是其他组件

• import 组件名/图片名 from '来源地址'

• 如果绑定的是class类，其样式的定义放在style 标签中

• 如果绑定的是 style （类似行类标签的style设置方式），自定义一个名称，将其样式设置放在data 数据中，进行引用

• 可以通过 ：[属性名]=“属性值” 来自定义属性

• 样例：

• v-if 用来判断，没啥特殊，和之前用法一样

• v-else-if 二次判断

• v-else 除判断之外的其他情况解决方法

• v-if是动态的向DOM树内添加或者删除DOM元素

• 是一个局部编译/卸载的过程

• v-show

• flag 值为 true ，显示

• flag 值为 false ，隐藏

• 只编译一次，后面其实就是控制css

• 可以和按钮结合使用，使某个版块实现点击收起展开功能

• 例子：

• v-for 循环遍历

• 数组

• 对象

• 数组对象

• 字符串

• 当 v-if 与 v-for 一起使用时， v-for 具有比 v-if 更高的优先级

• tabbar 切换

• 类似微信下方功能的实现

• 例子:

• css 样式参考