Vue开发小技巧
gaearon
立志要做计算机大牛
展开
-
vue2 使用 CompositionAPI
Vue3 新出的 CompositionAPI 可以以更优雅的姿势聚集零散代码,自定义的 hook 函数使逻辑可以更好的复用,之前老旧的 Vue2 项目也可以体验 CompositionAPI 了。安装 @vue/composition-api:yarn add @vue/composition-api在 main.js 中引入:import Vue from 'vue'import VueCompositionAPI from '@vue/composition-api'Vue.use(V原创 2021-07-05 01:36:08 · 2739 阅读 · 0 评论 -
Vue watch 监听地址栏的变化
watch: { // 监听地址栏变化 $route(to, from) { console.log(to, from) }}原创 2021-04-30 15:20:33 · 930 阅读 · 1 评论 -
【Vue 开发小技巧】给遍历的组件绑定不同的事件回调
首先说明,如果不是特别紧急的情况下还是不要使用这种方法,这种方法可读性不是太好。场景如下:通过 v-for 遍历出来的组件中,每个组件会触发不同的事件回调。但是只能绑定相同的事件回调,可以利用遍历的索引值来触发不同的回调,看代码:<!-- 通过 for 遍历出来的标签,通过 index 属性设置不同的事件 --><van-cell @click="emitEvent(index)" class="listItem" v-for="(item, index) in lis原创 2021-04-13 16:31:21 · 559 阅读 · 2 评论 -
【Vue 开发小技巧】给组件路径配置别名
前几天在 GitHub 参考一位阿里大佬的项目源码,大佬的写法令我眼花缭乱,代码写得简直太 6 了。其中一种写法让我大呼牛逼~。来看看:这个 @ 是个什么操作?我发现它的 @ 指向的是 src 目录,我傻傻的尝试了一下,果不其然,报错了……在网上搜啊搜,它是通过改写 vue.config.js 文件实现的。但是网络上给出的答案有些老旧了。阿里大佬的写法:const path = require('path')const resolve = (dir) => path.join(__dirn原创 2021-04-12 22:46:32 · 307 阅读 · 0 评论