文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——22.生命周期、23.对组件的理解

22 生命周期又名:生命周期回调函数,生命周期函数,生命周期钩子所谓的生命周期就是指vue的一些特殊的函数,只不过这些函数vue会在关键的时刻去调用22.1 引出生命周期生命周期图示想要学习研究最完整的生命周期,应该参考vue官网提供的生命周期图,虽然图很长,但是需要我们用到的钩子就那几个编写案例通...

Vue(Vue2+Vue3)——22.生命周期、23.对组件的理解
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——21.自定义指令

21 自定义指令vue里面不仅仅有内置的指令,也可以根据自己的需求构建自定义指令它其实就是操作DOM元素的属性以及内容通过directives属性配置自定义指令,有函数式和对象式两种写法,下面分别去写下21.1 函数式通过案例去实现自定义函数式指令需求:定义一个v-big指令,和v-text功能类似,但是会把绑定...

Vue(Vue2+Vue3)——21.自定义指令
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——20.内置指令

20 内置指令除了前面见到的v-bind,v-for,v-if,v-on.v-model等,本次学习一些vue提供的其他内置指令20.1 v-text给标签插入文本,类似于插值语法它会把全部的字符串当成文本去解析,不会当成标签的,哪怕写的是标签结构效果和插值语法是一样的插值语法比v-text更加的灵活,因为插值语法可以作为字符串拼接,但是v...

Vue(Vue2+Vue3)——20.内置指令
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——19.过滤器·

19 过滤器功能:对要显示的数据进行特定格式化后再显示注意:并没有改变原本的数据,是产生新的对应的数据声明:过滤器不是必须要用到的东西,而是vue提供处理数据的方式而已,想用就用,不想用可以使用计算属性或者methods编写即可使用场景:只能配合插值语法或者v-bind使用࿰...

Vue(Vue2+Vue3)——19.过滤器·
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——18.收集表单数据

18 收集表单数据使用vue中的v-model收集表单里面的数据,不同的表单元素配合v-model会有不同的写法和技巧本次的表单元素包括:文本框,单选,多选,下拉框,文本域18.1 编写表单元素首先编写表单元素,包括:文本框,单选,多选,下拉框...

Vue(Vue2+Vue3)——18.收集表单数据
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——16.列表过滤、17.列表排序

Vue(Vue2+Vue3)——16.列表过滤、17.列表排序16 列表过滤对已知的列表进行数据过滤(根据输入框里面的内容进行数据过滤)16.1 编写案例通过案例来演示说明效果就是这样的 输入框是模糊查询想要实现功能,其实就两大步,1获取输入框内容 2根据输入内容进行数据过滤16.2 绑定收集数据我们可以使用v-model去双向绑定这样第一步收集输入数据就完成...

Vue(Vue2+Vue3)——16.列表过滤、17.列表排序
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——15.列表渲染

15 列表渲染列表渲染的东西比较多,我们通过案例一步一步学习列表渲染的相关知识15.1 基本列表首先写一个基本的列表,想要把persons列表里面的对象展示在li里面,我们可以使用一个指令:v-for15.2 v-forvue提供给我们做循环的指令,语法类似js的for in遍历v-for="person in person...

Vue(Vue2+Vue3)——15.列表渲染
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——14.条件渲染

14 条件渲染顾名思义,就是符合哪些条件,就渲染哪些东西,其实就是几个指令的使用先做一个小例子我想让这个div时而显示,时而隐藏,可以在两者之间进行切换,那么使用原生的方式实现,想到的是用display控制。在vue中不用亲自的写这个属性,它提供了一个执行:v-show14.1 v-s...

Vue(Vue2+Vue3)——14.条件渲染
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——13.绑定样式

13 绑定样式13.1 绑定class样式首先写一个简单的class样式,和一个div容器方便调试这些class样式简单说下用途:basic是最基本的样式,我们可以配合另外一个class样式使用,也就是happy,sad,normal这三个其中一个配合使用,hello1,hello2&...

Vue(Vue2+Vue3)——13.绑定样式
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——12.监视属性(watch)

12 监视属性(watch)可以先使用技术属性的方式编写天气案例,然后使用监视属性,通过对比,更加清晰明了12.1 编写案例我们可以使用三木运算符实现对天气的更换,如果属性为真就是炎热,为假就是寒冷<!DOCTYPE html> <html> <head> <meta char...

Vue(Vue2+Vue3)——12.监视属性(watch)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注