vm实现互相监听
基础指令
msg作为V
data:{}作为M
定义的vm创建的新的vue类就是VM层
这就是MVVM结构
v-clock解决差值表达式闪烁问题,还可以直接把src放到head中间
v-text v-html
事件绑定
一个页面可以有好多的vm实例
绑定v-on:click事件,在vm事件中使用属性或方法时要通过this调用,上图错误的,下图正确
属性绑定v-bind
title属性当鼠标悬停时显示的文字
简写为:
都可以绑定,否则会当做一个字符串处理
跑马灯
this指向问题
用箭头函数解决this指向问题
事件修饰符
事件的冒泡就好比三个重叠点击最上面的那个下面所有的都点了一遍,
阻止冒泡
没写协议默认访问文本协议,找不到外网协议
点击后弹出不可访问但是还是会跳转,用.prevent阻止默认事件
阻止,但是只阻止一次用once
.capture 给father加就father先执行,然后在从里到外顺序执行,如果给最外层加,那顺序就倒着来了,把冒泡顺序颠倒,可以用于提高执行优先级
.self 给father加只有点击father这个时间才触发,点击子元素也不会触发,也阻止了冒泡
v-model双向绑定
可以把value直接换成V-model
实现计算器的加减乘除
css样式
参考链接
https://blog.csdn.net/jingjing217/article/details/108255910
点击按钮后flag变成false
循环
迭代数字
去除硬编码
迭代数组
迭代对象属性
迭代对象数组
这里的item是对象
v-for中key的使用
一般出现id,则唯一
多选框
unshift在顶部添加
key的值只能用string或者value,不能用对象
if和show隐藏和显示
v-if
改成v-show一样,和v-if完全相同,那它俩有什么区别呢,在隐藏的时候,v-if直接在原型中消失了,但是v-show是把他的display设置为none了,