用vue操作数组时,一般就那几个方法,而且是可以渲染的,但是有时候列表是渲染不了的先说下操作数组的几个方法吧 1 push ( ) 这个方法是在数组的最后面添加元素 用法:  括号里写需要加入的元素      this.list.push(object) 2 pop( ) 删除数组中的最后一个元素 用法:  this.list.pop()   括号里不需要参数 3.shift ( ) 删除数组中的第一个元素 和pop()用法一样 4.unshift ( ) 在数组的最前面添加元素  和push(…

本篇文章主要是写Vue.directive().Vue.use()等常用全局API的使用,vm.$props.vm.$options.vm.$slots等实例属性的使用,以及Vue全局配置.组件的mixins.组件中渲染函数的使用.…

数组API: String(arr):将arr中每个元素转化为字符串,逗号连接     场景:用于鉴别数据有没有修改等. ps:String是万能的   toString 只能转换除null和undefined外的任何数据 拼接和选取一般不修改原数组,返回值 arr.join('连接符号'): 将arr中转化为用指定连接符连接  场景:1.空无缝拼接 2.判断arr是否空3.单词拼接成句子,加空格  4.将数组元素转化为页面内容 var newArr=arr1.concat(值1,值2,arr2…

其实在使用了好一段时间的 python之后,我觉得最让我念念不忘的并不是python每次在写函数或者循环的时候可以少用{}括号这样的东西(ps:其实也是了..感觉很清爽,而且又开始写js的时候老是想用xxx in range(): ...跪.:( ) 而是我觉得字符串操作的切片真实让我感到前所未有的爽. 试想一下,我们平时操作最多的数组和字符串在切片的帮助下,不知道可以省去多少时间和麻烦.而且有了切片甚至不用去记很多可以被切片代替的api. 今天我在啃<学习javascript数据结构与算法>…

写在前面 本文只是个人在熟悉Immutable.js的一些个人笔记,因此我只根据我自己的情况来熟悉API,所以很多API并没有被列举到,比如常规的push/map/filter/reduce等等操作,这些API我认为只要你自己稍微看一下官网的介绍都可以知道怎么用.本文所有的代码请参看本人的github地址https://github.com/Rynxiao/immutable-learn. 一.什么是Immutable collections Immutable data cannot be c…

看了别人写的,自己简单写一下自己的理解. 因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化,所以,想要正常是不能通过操作数组来渲染dom的,解决的方法是通过set方法, 在组件中用的是 实例方法 vm.$set( target, key, value ) data: { items: [{ name: 'xiao1' }, { name: 'xiao2' }, { name: 'xiao3' }] }, methods: { test() {  vm.items.$set…

Vue源码探究-全局API 本篇代码位于vue/src/core/global-api/ Vue暴露了一些全局API来强化功能开发,API的使用示例官网上都有说明,无需多言.这里主要来看一下全局API模块的实现.全局API的文件夹里有一个入口文件,各个功能分开定义,在这个入口文件中统一注入. 入口文件index.js /* @flow */ // 从各个模块导入功能函数 import config from '../config' import { initUse } from './use'…

Vue笔记 1 Vue实例 (VM) var vm = new Vue({    el:'#app', //挂载元素        //数据    data: {        title:'值',        ....        dataList:[]   },        //方法    methods: {   方法名: function(){     },         ... },            //计算属性    computed: {        属性名: fu…

delete delete只是被删除的元素变成了 empty/undefined ,其他的元素的键值对应关系还是不变. Vue.$delete 直接删除了数组中元素,数组的键值对应关系发生相应变化 例子  <div v-for="(item,index1) in arr1" :key="'1'+index1" @click="delete1(index1)">{{item}}</div>  <div v-for=&q…

### es5新增的数组的api + indexOf() 搜索数组中的元素,并返回它所在的位置. arr.indexOf(str,index) 参数: str为要查找的字符串 index为开始查找的下标 , index可省略 查找字符串a在数组中的位置,返回值为a在数组中第一次出现的位置的下标,如果没有找到字符串a,则返回-1 可用于去重: var arr1 = [1,2,3,1,2,4,5,7]; //定义一个有重复字符的数组 var arr2 = []; //定义一个空数组 for (var…