vue 笔记

v-if

https://cn.vuejs.org/v2/guide/conditional.html

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

<h1 v-if="awesome">Vue is awesome!</h1>

也可以用 v-else 添加一个“else 块”:

<h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>

export与export default


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命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名。

 

element-ui

v-loading 

https://segmentfault.com/a/1190000018535744

https://blog.csdn.net/sunhuaqiang1/article/details/95474410

element-ui 框架的 v-loading 有两种使用方式,一种是在需要 loading 的标签上直接使用 :v-loading='true',这种方式官方称为指令,还有一种就是使用 this.$loading(options) 来调用,这种方式官方称之为服务。v-loading在接口为请求到数据之前,显示加载中,直到请求到数据后消失

el-table 

https://element.eleme.cn/2.0/#/zh-CN/component/table

https://blog.csdn.net/HH18700418030/article/details/98029709

 

posted @ 2021-06-30 14:58  薄荷味日记  阅读(32)  评论(0编辑  收藏  举报