7.25vue

153 阅读2分钟

bind:与call apply用法相似,但需要手动调用。(call是一个个传参、apply参数放在数组中)

方法简写后、箭头函数不能new

vue:是一套构建用户界面的渐进式框架

指令 都是以-v开头 指令写在开始标签里面

插值表达式{{}}

1、数据绑定相关指令

v-text:相当于插值表达式 {{}}是它的语法糖 直接把数据渲染出来,不会解析html标签

v-html:数据绑定,可以解析html标签

v-model:双向数据绑定

2、和属性相关的指令

v-bind:用于绑定html标签中的相关属性 v-bind:href="数据" 简写:href="数据"

双向数据绑定:MVVM M:model 数据模型 data

V:view 视图

VM:viewmodel 视图模型

3、条件指令

v-if:控制一个元素是否显示

v-show: display:none 显示 0 、-0、“ ”自动转换成false 1为true 也可以放表达式

v-if与v-show区别:

v-if 是“真正的”条件渲染,如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块

v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换 v-if 与 v-else直接不能有其他元素

v-else-if

4、循环指令:v-for

下午:

两个特殊的属性 class style

class

:class="数据"

:class="三元运算符"

:class="{类名:boolean}"

:class="{类名1:boolean,类名2:boolean}"

类名中有-需要用 '' 括起来

:class=['类名1','类名2']

style

循环指令:数组、对象、整数

数据 方法(本质还是函数)、计算属性

计算属性本质还是函数,依赖其他值,得到我们需要的结果,但是用的时候可以当做数据用

计算属性和方法的区别

1、它们本质都是函数

2、用的时候,方法当做函数调用,计算属性当做数据用

3、方法没有缓存,计算属性有缓存

能使用计算属性的就不要用方法

computed:{

}

过滤器:本质是函数 filters:{

}

还有一些第三方的过滤器