为了读懂to do list 我都看了些什么

Tip 1
v-text和v-html:v-html可以将变量中的标签去掉,而v-text不能,显示的是字符串
测试数据在这里插入图片描述
执行效果在这里插入图片描述

Tip 2
在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定

Tip 3
官网解释:https://cn.vuejs.org/v2/guide/list.html#用-v-for-把一个数组对应为一组元素
在这里插入图片描述
在这里插入图片描述
Tip 4 export与export default
1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
3、在一个文件或模块中,export、import可以有多个,export default仅有一个
4、通过export方式导出,在导入时要加{ },export default则不需要

这样来说其实很多时候export与export default可以实现同样的目的,只是用法有些区别。注意第四条,通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名。
大佬资料:https://www.cnblogs.com/xiaotanke/p/7448383.html

Tip 5 data使用return包裹
菜鸟教程上看到的简单实例是这样的
在这里插入图片描述
试着读懂别人的
这是什么新鲜玩意儿…在这里插入图片描述
原来使用组件化的项目中会这么写…网友说不使用return包裹的数据会在项目的全局可见,会造成变量污染;使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。

Tip 6 连着V-for使用的一个东东
来自良心官网
在这里插入图片描述
push() 往数组最后面添加一个元素,成功返回当前数组的长度
pop() 删除数组的最后一个元素,成功返回删除元素的值
shift() 删除数组的第一个元素,成功返回删除元素的值
unshift() 往数组最前面添加一个元素,成功返回当前数组的长度
splice() 有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选),第三个是删除
后想要在原位置替换的值(可选)
sort() 使数组按照字符编码默认从小到大排序,成功返回排序后的数组
reverse() 将数组倒序,成功返回倒序后的数组

有的没的我大部分读懂了网友写的to do list这是我在网上查到的写的可以说是最简单的,完全小白的我开始查到觉得有可能看懂的了。这里记录感谢下我的启蒙读物…https://blog.csdn.net/yang_da_da/article/details/79550685
下面我要尝试着自己改编了…

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值