
vue
llp5210
这个作者很懒,什么都没留下…
展开
-
vue复习-----nexttick
原创 2022-03-07 10:11:37 · 464 阅读 · 0 评论 -
vue复习----key的作用和原理
原创 2022-03-07 03:08:39 · 234 阅读 · 0 评论 -
vue复习------v-if和v-for哪个优先级高
原创 2022-03-07 02:52:58 · 218 阅读 · 0 评论 -
vue复习---生命周期
什么是生命周期vue实例从创建到销毁的过程。即指从创建、初始化数据、编译模版、挂载dom到渲染、更新到渲染、销毁等一系列的过程。创建前后、载入前后、更新前后、销毁前后。原创 2022-03-06 20:55:50 · 385 阅读 · 0 评论 -
yarn下载、切换vue版本命令
sudo -snpm install -g yarn react-native-cliyarn global add @vue/cli@3.10.0 -g原创 2021-05-06 16:21:09 · 1280 阅读 · 0 评论 -
vue组件传值方式总结
1. 父组件给子组件传值示例子组件// children<template> <section> 父组件传过来的消息是:{{myMsg}} </section></template><script>export default { name: "Children", components: {}, props:{ msg: { type: String,..转载 2021-02-03 14:45:46 · 472 阅读 · 0 评论 -
vue key的作用
v-for中的key有什么用,不写会怎样参考官网文档:https://cn.vuejs.org/v2/api/#key、参考资料: https://www.zhihu.com/question/61064119如果不写key,出现如下问题写了key后,如下:-我们一计算机的角度思考一下:原数组是:[{id:1, value:1}, {id:2,value:2}, {id:3,value:3}]点击删除后数组是:[{id:1, value:1}, {id:3,value:3原创 2021-02-03 14:20:19 · 155 阅读 · 0 评论 -
看完这篇终于搞明白了vue源码中的diff算法
updateChildren方法主要通过while循环去对比2棵树的子节点来更新dom,通过对比新的来改变旧的,以达到新旧统一的目的。通过一个例子来模拟一下:假设有新旧2棵树,树中的子节点分别为a,b,c,d等表示,不同的代号代表不同的vnode,如:在设置好状态后,我们开始第一遍比较,此时oldStartVnode=a,newStartVnode=a;命中了sameVnode(oldStartVnode,newStartVnode)逻辑,则直接调用patchVnode(oldStartVn转载 2020-10-26 10:53:56 · 404 阅读 · 0 评论 -
vue 自定义svg的使用
npm install svg-sprite-loader配置webpack.base.conf.js(build文件夹中)原创 2020-09-24 09:32:21 · 598 阅读 · 0 评论 -
vue 导出blob 代码
this.$axios.post(url, { "deviceLike": _this.select_word},{ responseType: 'arraybuffer' }).then(res => { if(res && res.data){ let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }); let objectUrl = URL.createObjectURL(blob);原创 2020-06-06 15:16:46 · 616 阅读 · 0 评论 -
vue babel-loader 报错解决方案
解决方案去掉, resolve(‘test’)原创 2020-06-06 12:01:14 · 2205 阅读 · 0 评论 -
微信支付nuiapp
topay() {let _this = this;uni.request({url: _this .baseURL+‘insure/maOrder/orderPay’,method: ‘POST’,data: {orderId: _this.orderId,body: “1”},header: {‘content-type’: ‘application/x-www-form-urlencoded’},success: (res) => {console.log(res);原创 2020-06-04 16:23:25 · 285 阅读 · 0 评论 -
vue项目中根据Node.js中环境变量process.env 设置不同接口
了解processhttp://nodejs.cn/api/process.html了解process_envhttp://nodejs.cn/api/process.html#process_process_envvue项目应用步骤在根目录下创建.env文件,内容如下。(production生产环境)NODE_ENV = 'production'VUE_APP_FLAG = 'pro'在根目录下创建.env.test文件,(测试环境)NODE_ENV = 'production'原创 2020-06-03 17:40:23 · 1001 阅读 · 0 评论