mirabel

摘要： 创建数组的基本方式如下： 1.new Array(),当参数是一个数值时，代表的是创建了一个长度为该数值的数组，当参数是除了数值的其他类型的值的时候，则会创建一个只包含该特定值的数组 let fruit = new Array(20) console.log(fruit); let fruit = 阅读全文

摘要： 获取字符串的长度`str.length` ,长度里面包括字符串之间的空格以及标点符号 let str = 'hellow world' console.log(str.length); // 打印结果为12 获取字符串给定索引位置的字符 `chartAt()` let str = 'hellow w 阅读全文

摘要： Vuex里面有5个配置属性：State、Getters、Mutations、Actions、Modules 一般，在Vuex里面我们都是通过state定义数据，通过mutations修改state里面的数据，而mutations里面不能操作异步代码，当有异步代码时，写在actions 配置属性sta 阅读全文

摘要： 封装一个弹窗组件。 思路：一般我们都会用父子通信传参，但是父子通信把弹窗显示后，当点击弹窗的右上角的‘X’的时候，子组件里面把`v-if`的值设为false的时候，要通过子传父自定义事件触发，把值给传过去，这里我们为了代码更灵活，可以用指令`v-model`,在子组件调用的地方绑定`v-model` 阅读全文

摘要： 第一种方法: 思路：先用字符串的split()分割方法转换成数组，再用数组的reverse()反转的方法，最后将反转的数组用Join()方法转换成字符串 代码如下： 1 var str = 'hellow world' 2 var str2 = str.split('').reverse().joi 阅读全文

摘要： 这里记录下比较常用的父传子和子传父通信。 父传子通信 首先，我们要了解以下几点 A.在父组件的根实力data里面定义要传递的数据。如以下代码的定义的fruit 1 new Vue({ 2 el:'#app', 3 data(){ 4 return{ 5 fruit:['苹果','香蕉','草莓',' 阅读全文

摘要： display: flex 弹性布局一般用于移动端项目上，弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 注意： 弹性盒设置通过display:flex（块级弹性盒）或display:inline-flex（行内块级弹性盒）将其定义为弹性盒 弹性盒里 阅读全文