vue
llp5210
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue复习-----nexttick
原创 2022-03-07 10:11:37 · 498 阅读 · 0 评论 -
vue复习----key的作用和原理
原创 2022-03-07 03:08:39 · 268 阅读 · 0 评论 -
vue复习------v-if和v-for哪个优先级高
原创 2022-03-07 02:52:58 · 239 阅读 · 0 评论 -
vue复习---生命周期
什么是生命周期 vue实例从创建到销毁的过程。即指从创建、初始化数据、编译模版、挂载dom到渲染、更新到渲染、销毁等一系列的过程。 创建前后、载入前后、更新前后、销毁前后。原创 2022-03-06 20:55:50 · 408 阅读 · 0 评论 -
yarn下载、切换vue版本命令
sudo -s npm install -g yarn react-native-cli yarn global add @vue/cli@3.10.0 -g原创 2021-05-06 16:21:09 · 1326 阅读 · 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 · 505 阅读 · 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 · 193 阅读 · 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 · 455 阅读 · 0 评论 -
vue 自定义svg的使用
npm install svg-sprite-loader 配置webpack.base.conf.js(build文件夹中)原创 2020-09-24 09:32:21 · 632 阅读 · 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 · 648 阅读 · 0 评论 -
vue babel-loader 报错解决方案
解决方案 去掉, resolve(‘test’)原创 2020-06-06 12:01:14 · 2276 阅读 · 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 · 299 阅读 · 0 评论 -
vue项目中根据Node.js中环境变量process.env 设置不同接口
了解process http://nodejs.cn/api/process.html 了解process_env http://nodejs.cn/api/process.html#process_process_env vue项目应用 步骤 在根目录下创建.env文件,内容如下。(production生产环境)NODE_ENV = 'production' VUE_APP_FLAG = 'pro' 在根目录下创建.env.test文件,(测试环境)NODE_ENV = 'production'原创 2020-06-03 17:40:23 · 1054 阅读 · 0 评论
分享