- 博客(7)
- 收藏
- 关注
原创 js深拷贝的方法,你学废了吗?
将一个引用类型的值赋值给一个变量,这个变量保存的是这个值的引用,这个我们都知道。所以在深拷贝的时候,对引用类型就不能直接赋值了,对于深拷贝,我总结了以下几种方法:1. 拓展运算符 …var arr = [1, 2, 3, 4]var copy_arr = [...arr]var obj = { a: 1, b: '2', c: true }var copy_obj = { ...obj }它的优点是简单,但局限性也很明显:如果属性中有引入类型,那么这个复制出来的属性只是原数据的一个引用
2021-06-08 21:04:06
135
原创 手写一个简单的vue-router
1. vue-router的使用第一步:引入vue-router,并使用Vue.use加载import Router from 'vue-router'Vue.use(Router)第二步:创建Router实例export default new Router({routes: [{path: '/', component: Home}]})第三步:在根组件上添加该实例,main.jsimport router from './router'new Vue({ router, ...
2021-04-01 18:54:23
202
原创 Vue源码学习笔记1:整体过一下,找到各个模块的入口
Vue源码下载: https://github.com/vuejs/vue.gitnpm install 安装依赖打开package.josn文件,给dev 添加sourcemap方便调试:"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",执行npm run dev在package.josn文件中,根据dev的内容,可以知道我们需要打开scripts/config.js文件,
2020-05-11 14:12:54
341
原创 vue组件之间通信的八种方式: props、$attrs、$root、$parent、$refs、$emit、依赖注入、Vuex
今天看vue的API,看到组件通信这一块,发现通信方式有好多种,但官网上的说明都是一笔带过,而且语句有点拗口,里面又有很多不理解的专有名词,以致于以前看的时间漏掉了很多东西,今天就好好总结一下。1. props传值props方式是用得比较多的: <div id="app"> <child :value="msg&
2019-03-08 15:52:19
2818
原创 自定义表单组件的v-model
自定义组件的v-modelv-model指令非常好用,直接可以让表单元素的值与data中的值实现双向绑定: <div id="app"> <input type="text" v-model=
2019-03-05 15:26:44
723
原创 Vue项目中导入excel文件读取成js数组
Vue项目中导入excel文件读取成js数组1.首先你得有个vue项目,用vue脚手架创建一个:vue init webpack demo2.安装主角xlsx,有它就够了 :npm install xlsx --save3.开搞,先在components中创建一个.vue文件,代码如下:<template> <span> <input class=...
2018-10-16 14:31:39
3413
2
原创 小程序使用promise
小程序使用promise现在小程序已经支持promise了,但它的API使用的是callback,如何用promise封装呢?这是本人在项目中的封装方式,给大家提供一点参考。先在utils下创建一个request.js文件,代码如下:// /utils/request.jsconst app = getApp();const baseUrl = app.globalData.url;...
2018-09-26 15:34:58
3409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人