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:{
}
还有一些第三方的过滤器