首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
白首成约
掘友等级
获得徽章 6
动态
文章
专栏
沸点
收藏集
关注
作品
赞
29
文章 29
沸点 0
赞
29
返回
|
搜索文章
最新
热门
vue的那点事-Vue 指令之指令修饰符
通过"."指明一些指令 后缀,不同 后缀 封装了不同的处理操作 ---> 简化代码 按钮修饰符 @keyup.enter ---> 键盘回车监听 ...... ...... ......
vue的那点事-Vue 指令之v-model
作用:给表单元素使用,双向数据绑定-》可以快速获取或设置表单元素内容 数据变化-》视图自动更新 视图变化-》数据自动更新 语法:v-model=“变量”
vue的那点事-Vue 指令之v-for中的key
语法:key属性=“唯一标识” , 作用:给列表添加的唯一标识,便于Vue进行列表项的正确排序复用。
vue的那点事-Vue 指令之v-for
作用:基于数据循环,多次渲染整个元素 -》 数组、对象、数字...... 遍历数组语法: v-for="(item,index) in 数组" item 每一项 index 下标
vue的那点事-Vue 指令之v-bind
作用:动态的设置html的标签属性 ---》 src url title ...... 语法:v-bind:属性名=“表达式” 简写:v-bind:src ==> :src
vue的那点事-Vue 指令之v-on调用传参
fn调用参数1会传给metheods方法中fn方法的a,参数2会传给fn方法的b 方法传参可以是多个。
vue的那点事-Vue 指令之v-on(02)
v-on:事件名="methods中的函数名" methods中的方法 让提供的所有methodes中的函数,this都指向当前Vue实例
vue的那点事-Vue 指令之v-on
内联语句:可执行代码 v-on 作用=添加监听+提供处理逻辑 语法 v-on:事件名=“内联语句” v-on:事件名=“methodes的函数名” 简写:@事件名
vue的那点事-Vue 指令之v-else 和v-else-if
v-else 代表否则,不需要接着写表达式 v-else-if 需要添加条件表达式 使用结构 v-if v-else-if v-else 三者结合
vue的那点事-Vue 指令之v-show和v-if
v-show 底层原理:切换css的disaplay:nooe 来控制显示隐藏 v-if 底层原理:根据判断条件控制元素的创建和移除(条件渲染)
下一页
个人成就
文章被点赞
25
文章被阅读
10,490
掘力值
398
关注了
18
关注者
1
收藏集
10
关注标签
15
加入于
2019-05-21