jquery 判断是否是checkbox-Vue框架中的生命周期钩子有哪些?

今天是刘小艾自学Java的第137天。

感谢您的观看,谢谢。

学习计划安排如下:

1. 审查和生命周期

三大属性的补充说明。 当然,Vue肯定不止这些,但是时间有限,所以就只学习最常用的。

1 条评论

每次创建新的 Vue 实例时,都需要关联一个模板,Vue 会根据这个模板来渲染视图。

①el属性:指定视图模板

这里,视图模板是通过el+id选择器指定的。 在示例中jquery 判断是否是checkbox,它是带有 id app 的 div 标签。

当然,你也可以通过template指定视图模板,不过我们暂时不学习这个方法。

②data属性:指定数据模型

jquery判断是否隐藏_jquery 判断是否是checkbox

数据也对应着数据模型,一切与数据相关的东西都可以放在上面。

③methods属性:指定方法模型

注意jquery 判断是否是checkbox,这是方法。 不要忘记后面的 s。 我一开始就直接写了方法,但是出了问题。

其实,这很容易理解。 方法是指储存方法。 肯定不止一个,所以用复数的方法。

示例中helloVue为方法名,其中function可以省略,直接写一个helloVue方法。

2个生命周期钩子

Hooks可以理解为回调函数。 Vue 为生命周期中的每个状态都有钩子函数

每当一个Vue实例处于不同的生命周期时,就会触发并调用相应的方法。 生命周期有几种状态。 我们只学习最常见的两个:

①创建

这意味着vue实例创建之后,我们通过控制台可以发现,只有vue实例创建之后,Vue才能调用create技术。

②创建前

jquery判断是否隐藏_jquery 判断是否是checkbox

意思是说,在创建vue实例之前,我们通过控制台可以发现:在创建vue实例之前,Vue会先调用beforeCreate方法。

注意:这两个函数采用省略的方式写法,省略了关键字function。

3 关于此

其含义与Java中类似。 这可以用一句话来解释:“谁叫我就是谁”。

我们来做个测试,介绍几个知识点:

①设置超时()

设置一个有两个参数的定时器:第一个参数是函数,第二个参数是计时时间。 在示例中,该函数在 2000 毫秒后执行。

此时this指的是Window对象。 因为js中设置了定时器,当时间到了,窗口就会调用上面的函数并执行,所以this引用了它。

②setTimeout()箭头函数

这个方法是ES6中的一个句型。 我们不必专门学习这个。 只要知道这个功能存在就可以了。

它与 setTimeout() 方法相同,但编写方式不同。 为什么这里的this指的是当前的vue对象本身呢?

jquery判断是否隐藏_jquery 判断是否是checkbox

底层对箭头函数进行处理,转换为对应的vue对象。 显然这些方法正是我们所需要的。 以后基本都是箭头函数为主的写法。

2.插补闪烁

有时我使用笔记本电脑或手机。 由于网速较慢,页面加载速度很慢,可能会出现源代码。 我们来做个测试:

将浏览器中的网络设置为3G网络。 刷新页面时,您将首先听到 {{name}}。 大约2秒后,页面将被加载并显示正常数据。

这很容易理解。 页面从上到下执行:

这种情况称为差异闪烁。 以差异闪烁为反例,引出“指令”的学习。

3. 使用说明

什么是指令?

指令引用以 v- 为前缀的特殊属性。

例如,评论中的 v-model 表示视图和模型的单向绑定。

如何解决闪烁差异问题?

1v-text 和 v-html

①命令:v-text

将数据输出到元素中。 如果输出数据有HTML代码,它将作为普通文本输出。

②命令:v-html

将数据输出到元素中。 如果输出数据有 HTML 代码,则会被渲染。

这与 jQuery 中的 html 方法非常相似。

2v-型号

我们今天遇到了这个命令,它也包含在评论中。 它应用于输入标记中的文本类型。

事实上,v-model目前可用的元素有:

输入、选择、文本区域、复选框、单选、组件(自定义组件)

除最后一项外,其余均为表单的输入项。 我回顾了之前的表格笔记。

Vue将radio和checkbox分离了,本来属于input的。

我们以复选框为例。

①复选框

这是一个复选框。 使用 v-model 指令将它们一一绑定到 hobbys 属性。

hobbys.join() 可以通过参数内容的形式将获取到的元素分开。

②兴趣爱好:[]

这个符号代表的是一个链表,和Java中的一样。

其中值得注意的是:

当多个CheckBox对应一个模型时,该模型的类型为链表; 单个复选框的值是布尔类型。

终于

时间有限,今天只能说剩下的。 感谢您的观看。

如果可以的话,请给我一个赞,谢谢。