- 博客(14)
- 收藏
- 关注
原创 数组遍历的几种方法
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。 该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue
2022-06-30 08:52:21
431
1
原创 Vue实例的生命周期
初始化页面依次调用了:调用了beforeCreate钩子函数调用了created钩子函数调用了beforeMount钩子函数调用了mounted钩子函数点击更新数据后:12345变成了,此时调用了:54321调用了beforeUpdate钩子函数调用了更新的钩子函数打开F12控制台 直接输入主动销毁Vue实例调用:app.$destroy()调用了beforeDestroy钩子函数调用了destroyed钩子函数...
2022-06-28 15:50:54
179
原创 vue中组件间通信的6种方式
组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的。父组件通过 props 向子组件传递数据,子组件通过 $emit 和父组件通信。(1)父组件向子组件传值(props的用法)props的特点:1.props只能是父组件向子组件进行传值,props使得父子组件之间形成一个单向的下行绑定。子组件的数据会随着父组件的更新而响应式更新。2.props可以显示定义一个或一个以上的数据,对于接收的数据,可以是各种
2022-06-28 15:41:19
94
原创 组件化开发
组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 。我们可以在一个通过 创建的 Vue 根实例中,把这个组件作为自定义元素来使用: 。 1.1 创建组件构造器对象中是组件的DOM元素内容。 1.全局注册,通过 。Vue.component 2.局部注册,通过 。components:{cpnc:cpnc} 组件的注册方式有两种,一种是全局组件一种是局部组件。全局组件,可以在多个vue实例中使用,类似于全局变量。使用方式注册,直接使用调用。是全局组件的名字,是定义的组件对象。局部组
2022-06-28 14:22:52
182
原创 v-model的使用
指令,它能轻松实现表单输入和应用状态之间的双向绑定。 radio单选框的属性是互斥的,如果使用v-model,可以不使用就可以互斥。v-model绑定`sex`属性,初始值为“男”,选择女后`sex`属性变成“女”,因为此时是双向绑定。checkbox结合v-model实现单选框,定义变量初始化为,点击checkbox的值为。v-model结合select可以单选也可以多选。...
2022-06-28 14:10:17
176
原创 substring和substr的区别
subString() 和 substr() 都是用来截取字符串的当只有一个参数的时候,两者的作用一样,都是截取字符串,从当前下标开始到最后。例如:substr的第二个参数是: 截取字符串的长度(从起点截取固定长度的字符串)substring的第二个参数是: 截取字符串最终的下标(截取的是两个位置之间的字符串,含头不含尾)例如:...
2022-06-09 19:09:12
569
原创 Vue中v-for循环遍历
1. v-for遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2022-05-26 09:28:12
984
原创 Vue中简单版的购物车实例
需要实现的功能:点击"+"按钮,总价增加,点击"-"按钮总价减少,点击移除,移除当列。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #app{ margin-left:500px; } table { border: 2px solid red; wid
2022-05-25 11:27:59
70
原创 Vue事件监听
1.v-on的基本使用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <h2>{{count}}</h2> <button type="button" @click="a
2022-05-25 10:37:07
1585
原创 计算属性与侦听器
1.计算属性的基本使用使用语法拼接<h2>{{firstName+ "-" + lastName}}</h2> 使用方法方法<h2>{{getfullName()}}</h2> 使用计算属性<h2>{{fullName}}</h2><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><
2022-05-24 09:13:49
288
原创 Vue的几种基础指令学习
指令:Vue的指令是以v-开头的,作用于页面中的元素,所以需要将指令绑定与元素中,从而达到给绑定的元素添加行为的目的。 语法:<元素标签 v-指令 = “表达式”>1.v-bindv-bind:需要动态决定标签的属性的时候 可以使用到v-bind语法糖的写法::,吧v-bind替换为:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>.
2022-05-19 13:38:47
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人