[译] 30篇文章教你 Vue 小技巧，从 Vue2 到 Vue3，干货满满！

最新推荐文章于 2024-04-27 00:31:58 发布
最新推荐文章于 2024-04-27 00:31:58 发布
阅读量161 收藏
点赞数
文章标签： vue.js javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46164866/article/details/104189977
版权

从 2020 开年开始翻译，经过一个多月的时间终于翻译完了。🎉

  • 每篇文章阅读时间平均为 2 ～ 5分钟，可以抽空闲时间阅读来提升自己 💪
  • 都是与 Vue.js 开发有关的内容，涵盖 Vue2 和 Vue 3 🍱
  • 文章下方有 CodeSandbox 和原文链接 🔗
  • 翻译的文章发布在自己的博客上，首次加载较慢，请耐心等待，支持手机和 PC 端查看 📱
  • 文章支持评论，任何问题或者就 Vue 开发进行交流讨论，都欢迎在文章下方留言 😆～

所有文章翻译自 VueDose.tips，将会持续跟进官网更新进度：

排序与官网一致

lijiaxunOuO
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VUE3怎么学？别瞎逛了，点进来十分钟教你学会VUE3
L1ke_one的博客
02-24 1243
一、实例化VUE 1.模板 <script scr:'vue.js'></script> 2.创建app const app = Vue.createApp({ data(){return{}} 3.挂载 app.mount('#app') 二、vue内置指令 1.v-text ①更新元素的 textContent 如果要更新部分的 textContent，需要使用 Mustache 插值。 ②<span v-text="msg"></sp...
vue.js项目中实用的小技巧汇总
11-27
前言 Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 # 在Vue 项目中引入Bootstrap 有时在vue项目中会根据需求引入Bootstrap，而Bootstrap又是依赖于jQuery的，在使用npm安装时，可能会出现一系列的错误 1、安装jQuery npm install jquery 2、安装Bootstrap npm install boo
Vue 使用中的小技巧
前端发动机
05-07 248
猛戳关注 前端发动机，嘿嘿嘿！vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的...
vue 实践技巧合集
weixin_33782386的博客
07-13 131
前言 本文纯属个人平时实践过程中的一些经验总结，算是一点点小技巧吧，不是多么高明的技术，如果对你有帮助，那么不胜荣幸。 本文不涉及罕见API使用方法等，大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧，可能会带来一些不符合规范的副作用，请根据项目要求酌情使用。 多个页面都使用的到方法，放在 vue.prototype 上会很方便 刚接触 vue 的时候做过一件傻事，因为封装了一个异步...
vue2.0 技巧汇总
weixin_34227447的博客
06-21 103
/** * Created by */ export default { trim: (str) =&gt; { //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); },//显示当天的时间，超过一天显示昨天，大于一天，显示，星期，年 formatMessageTime: (time) =&gt;...
Vue.js 实用技巧（二）
大灰狼的小绵羊哥哥的博客
03-08 533
观众老爷们好，如果你看过上一篇文章就会知道，我们这个系列是介绍 Vue.js 实践中的一些技巧，合理的运用还是能提升一些开发效率的。今天介绍 jsx 的特殊用法和 Vue.js 的新功能 —— $props。 https://zhuanlan.zhihu.com/p/25623356?utm_source=tuicool&utm_medium=referral 技巧一：任何地方
html时钟翻牌效果,干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
weixin_33552698的博客
06-04 1631
双十一剁手节过去了，大家应该在很多网页中看到了数字翻牌的效果吧，比如倒计时、数字增长等。相信很多人都已经自己独立实现过了，我也在网上看了一些demo，发现HTML结构大多比较复杂，用了4个并列的标签来放置前后两个“牌”。本文就来讲解下，如何进一步精简HTML，让结构简单，让JS方法封装得易使用。先来看看最终效果：每个翻牌的HTML结构(精简至2个并列标签)：复制代码本次分享含有很多小技巧，灵活使用...
【大总结2】大学两年，写了这篇几十万字的干货总结_万字 cndn
最新发布
2401_84617533的博客
04-27 760
这部分在我看来是最有意思的，我们有必要了解底层数据结构的实现，这也是我最感兴趣的。比如，你知道redis中的字符串怎么实现的吗？为什么这么实现？你知道redis压缩列表是什么算法吗？你知道redis为什么抛弃了红黑树反而采用了跳表这种新的数据结构吗？你知道hyperloglog为什么用如此小的空间就可以有这么好的统计性能和准确性吗？你知道布隆过滤器为什么这么有效吗？有没有数学证明过？你是否还能很快写出来快排？或者不断优化性能的排序？是不是只会调库了甚至库函数怎么实现的都不知道？真的就是快排？
前端框架选择Vue的理由，实战篇
m0_60707708的博客
03-31 1086
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。你的毅力的。所以看完之后，还是多多行动起来吧！
【干货】写给初中级前端的高级进阶指南
jinmu520的博客
05-27 1010
以下文章来源于掘金开发者社区，作者晨曦时梦见兮 我曾经一度很迷茫，在学了Vue、React的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，这篇文章，笔者想结合自己的一些成长经历整理出一些路线，帮助各位初中级前端工程师少走一些弯路。 笔者毕业于一个很普通的本科学校，目前开发经验一共是2年8个月，目前带一个5人的团队，前任的组长让我带领团队的主要原因是个人技术 + 沟通能力相对较好，但是在技术能力成长的背后我也走了不少弯路。 这篇文章会.
2K Star！超过 50 个专题、450 个好项目，大半年来推荐过的重磅项目合集
前端GitHub
06-22 2193
大家好，我是你们的 猫哥，还是那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~不知不觉，公众号：前端GitHub 和 GitHub 上的仓库 FrontEndGitHub 都已经更新并运营超过半年...
Vue技巧系列：常用技巧
天然玩家的博客
02-28 124
1 下拉框数据绑定 <select v-model="num"> <option :value="optionValue" v-for="optionValue in optionValues">{{ optionValue }}</option> </select>
vue使用小技巧
sx0809的博客
05-27 380
1.computed传参数 computed: { // 控制显示的内容 computedTxt() { return function(value) { return this.methodGetByteLen(value, 20) } } }
Vue实用方法与技巧探索
昨日青空alhuo
05-06 609
Vue对象的完整成员 var vm = new Vue({ // 数据 data: “声明需要响应式绑定的数据对象”, props: “接收来自父组件的数据”, propsData: “创建实例时手动传递props，方便测试props”, computed: “计算属性”, methods: “定义可以通过vm对象访问的方法”, watch: “Vue实例化时会调用watch(...
Vue 使用中的各种小技巧
u012925833的博客
10-28 943
Watch immediate 这个已经算是一个比较常见的技巧了，这里就简单说一下。当 watch 一个变量的时候，初始化时并不会执行，如下面的例子，你需要在created的时候手动调用一次。 // bad created() { this.fetchUserList(); }, watch: { searchText: 'fetchUserList', } 复制代码 你可以添加imme...
Vue的一些小技巧
xy1505853的博客
12-16 87
vue制作消息通知组件https://www.freesion.com/article/5149241561/
vue之常用小技巧
weixin_47409897的博客
11-18 111
目录router、router、router、route两种路由传值的方式 router、router、router、route router 这是路由实例对象，常用于挂载在Vue实例身上 使用这个$router对象来实现路由之间的条件 这是借助对象原型身上的方法来实现的__proto__，在$router对象的对象原型之上有着许多方法，比如push,replace,go,back等方法 this.$router.push({}) => 实现路由的跳转，带有历史记录 里面有着参数： para
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值