鼓到爆炸的-CSDN博客

原创基本数据类型和引用数据类型的区别

1、栈(stack)和堆（heap） stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小也不一定会自动释放2、数据类型 JS分两种数据类型：基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol（ES6），这些类型可以直接操作保存在变量中的实际值。引用数据类型：Object（在JS中除了基本数据类型以外的都是对象，数据是对象，函数是对象，正则表达式是对象）3、基本数据类型（存放在栈中）基本数据类

2020-10-22 13:52:29 397

原创 fill（），map（）的用法

1.fill() 方法用于将一个固定值替换数组的元素array.fill(value, start, end) value 必需。填充的值。 start 可选。开始填充位置。 end 可选。停止填充位置 (默认为 array.length)fill（）中，它的原理是把那一块单元赋成指定的值，也就是说任何值都可以 2.map()方法可以创建一个新数组，其结果是该数组中的每个元素都是调用一个提供的函数后返回的结果 map非常有用,做数据交互,'映射' 正常情况下,需要配合re

2020-10-22 10:21:48 1177

原创 vue 路由守卫

路由守卫当导航发生改变的时候，vue-router 会在多个不同的地方调用指定的函数，也就是与路由有关的生命周期函数，也称为：路由守卫组件内守卫路由独享守卫全局守卫组件内守卫定义在组件内的与路由有关的生命周期函数（守卫）beforeRouteEnterbeforeRouteUpdatebeforeRouteLeavebeforeRouteEnter当路由解析完成，并中指定的组件渲染之前（组件 beforeCreate 之前），不能这里通过 this 访问组件实例，需要通过 n

2020-10-05 08:23:21 102

原创 vue 动态组件

动态组件有的时候，我们需要在多个不同的组件之间进行切换。虽然我们可以通过 v-if 来处理，但是会比较麻烦，vue 提供了一个更方便的方式来处理这种情况component 组件component 是 vue 内置的一个组件，它提供一个 is 属性用来动态渲染不同的组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport

2020-10-05 08:14:43 157

原创 vue 组件传参

一、父子组件的定义　　负值组件的定义有两种，我称为常规父子组件和特殊父子组件。1.1、常规父子组件　　将其他组件以import引入用自定义标签接收，在当前组件中component里注册该标签，页面上可以直接用<自定义标签></自定义标签>样子使用。当前组件为父组件，被引入的组件为子组件。引入子组件注册子组件使用子组件1.2、特殊父子组件　　在路由中定义好组件，组件中含有children，页面上通过形式使用，也算是父子组件，当前组件为父组件，router-view路由

2020-10-05 08:06:13 111

原创计算属性 computed和watch

computed 计算属性在实际的应用中，我们会有一些原始数据，同时在应用中又会有一些数据是根据某些原始数据派生出来的，针对这样的一种情况，vue 定义了一个专门用来处理这种派生数据的选项：computed计算属性类似 getter 和 setter ，当访问某个计算属性的时候，就会调用 computed 中同名的函数，函数的返回值将作为该计算属性的值计算属性的值依赖计算函数中依赖的其它响应式数据计算属性的值可以缓存，如果依赖的其它响应式数据没有发生变化，但多次访问该计算属性，得到结果

2020-10-04 20:46:07 106

原创 vue 指令

表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。但是不能使用 {{}} 语法，而是需要指令在 vue 中，指令是一个带有 v- 前缀的属性，与普通属性不一样的地方在于，指令的值是引号括起来的表达式，不同的指令有不同的作用，vue 内置了一些常用的指令v-cloak 解决进入页面{{}}（插值闪烁）的问题特点：当vue.js加载完成后，指令会自动删除<p v-cloak>{{title}}</p> 需要配合 <u>css&

2020-09-21 20:43:20 145

原创 vue 过滤器

过滤器过滤器是一个使用在双大括号插值和 v-bind 中，用于过滤输出内容的函数filters:{定义方法}<li v-for="item in arr">{{item | add("$")}}</li>| : 管道符，表示数据从左至右通过管道符进行传递过滤器可以在插值语句和属性绑定的时候用，用法是：原来的值 | 过滤器filters:{ add(msg,x){ msg:第一个参数默认为传过来的item x:第二个调用时传的参数 }}

2020-09-20 19:16:07 679

LPL0158的博客