- 博客(14)
- 收藏
- 关注
RSS订阅原创 数组遍历的几种方法
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue
2022-06-30 08:52:21
419
1
原创 Vue实例的生命周期
初始化页面依次调用了：调用了beforeCreate钩子函数调用了created钩子函数调用了beforeMount钩子函数调用了mounted钩子函数点击更新数据后：12345变成了，此时调用了：54321调用了beforeUpdate钩子函数调用了更新的钩子函数打开F12控制台 直接输入主动销毁Vue实例调用：app.$destroy()调用了beforeDestroy钩子函数调用了destroyed钩子函数...
2022-06-28 15:50:54
172
原创 vue中组件间通信的6种方式
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互进行直接的引用，所以组件间的相互通信是非常重要的。父组件通过 props 向子组件传递数据，子组件通过 $emit 和父组件通信。（1）父组件向子组件传值（props的用法）props的特点：1.props只能是父组件向子组件进行传值，props使得父子组件之间形成一个单向的下行绑定。子组件的数据会随着父组件的更新而响应式更新。2.props可以显示定义一个或一个以上的数据，对于接收的数据，可以是各种
2022-06-28 15:41:19
88
原创 组件化开发
组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 。我们可以在一个通过 创建的 Vue 根实例中，把这个组件作为自定义元素来使用： 。 1.1 创建组件构造器对象中是组件的DOM元素内容。 1.全局注册，通过 。Vue.component 2.局部注册，通过 。components:{cpnc:cpnc} 组件的注册方式有两种，一种是全局组件一种是局部组件。全局组件，可以在多个vue实例中使用，类似于全局变量。使用方式注册，直接使用调用。是全局组件的名字，是定义的组件对象。局部组
2022-06-28 14:22:52
171
原创 v-model的使用
指令，它能轻松实现表单输入和应用状态之间的双向绑定。 radio单选框的属性是互斥的，如果使用v-model，可以不使用就可以互斥。v-model绑定`sex`属性，初始值为“男”，选择女后`sex`属性变成“女”，因为此时是双向绑定。checkbox结合v-model实现单选框，定义变量初始化为，点击checkbox的值为。v-model结合select可以单选也可以多选。...
2022-06-28 14:10:17
150
原创 substring和substr的区别
subString() 和 substr() 都是用来截取字符串的当只有一个参数的时候，两者的作用一样，都是截取字符串，从当前下标开始到最后。例如：substr的第二个参数是： 截取字符串的长度（从起点截取固定长度的字符串）substring的第二个参数是： 截取字符串最终的下标（截取的是两个位置之间的字符串，含头不含尾）例如：...
2022-06-09 19:09:12
539
原创 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
968
原创 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
62
原创 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
1563
原创 计算属性与侦听器
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
278
原创 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
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人