vue的知识点总结

v-on

v-on是事件绑定,可以缩写为@,如果需要event就在函数里面传参;例如@click=“btn($event)”;

常用的修饰符也有很多:

比如

.stop用来取消冒泡事件;

. prevent阻止默认事件;

.once只执行一次;当然还有许多。

v-text

v-text innerText输出

v-html

v-html innerHTML输出

v-for

v-for 和原生JS的for循环差不多

这是平常使用的一种格式

arr  v-for="(i,$index) in arr"

    json  v-for="(i,$key,$index) in json"

v-show

v-show 判断元素显示还是隐藏

v-show=“true/false”

v-if

v-if是条件判断

当然还有配套的v-else、v-else-if

v-model

v-model 是双向绑定,一般用于文本框、单选、复选、下拉;

常用的修饰符有

.lazy - 取代 input 监听 change 事件

.number - 输入字符串转为有效的数字

.trim - 输入首尾空格过滤

v-cloak

v-cloak页面渲染完成后消失;如果不适用的话,每次刷新页面会出现闪的一下子;就好比王者英雄出了闪现

v-once

v-once只渲染一次

v-pre

v-pre跳出渲染

(1)什么是vue生命周期?

Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。

(2)vue生命周期的作用是什么?

Vue生命周期中有多个事件钩子,让我们在控制整个Vue实例过程时更容易形成好的逻辑。

(3)vue生命周期总共有几个阶段?

可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/后。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容