2021.3.9——实习之学习VUE全家桶

2021.3.9——实习之学习VUE全家桶
1 watch 监视
在这里插入图片描述
2 回调函数
在这里插入图片描述
3 实现双向数据绑定
在这里插入图片描述
4 通过改变class类改变css样式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5 条件渲染 v-if 跟v-show的区别
在这里插入图片描述
6 列表渲染 v-for
在这里插入图片描述
v-for语法: v-for="(p,index) in person"
person表示在哪个数组里
index表示索引
p表示对象

通过splice实现数组的删除跟修改

7列表的搜索与排序
(1)过滤数组
在这里插入图片描述
(2)升序和降序排列
在这里插入图片描述
8 表单自动收集
在这里插入图片描述
9 生命周期

10 过渡效果
在这里插入图片描述
move可以是任意name
11 过滤器
在使用之前引入moment
通过自己需求传参
在这里插入图片描述
在这里插入图片描述
12 获取ref的文本信息
在这里插入图片描述
13 常用指令
在这里插入图片描述
14 自定义指令
在这里插入图片描述
15 字母转大写方法toUpperCase,转小写方法toLowerCase
16 初始化项目
vue init webpack my-project
17 使用组件步骤
(1) 引入组件
import 组件名 from 组件所在目录
(2)映射组件标签
components:{
组件名
}
(3) 使用组件标签
<组件名/>
17 打包
在这里插入图片描述
18 子组件接收父组件属性,需要先声明要接收的属性
在这里插入图片描述
在这里插入图片描述
19 组件间传值,传函数
在这里插入图片描述
接收组件需要在props里面声明接收的值、函数跟类型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值