51工具盒子
关于vue中v-for中使用bootstrap 5的modal弹框出现的问题
前言 === 今天在实现一个简单的业务逻辑的时候遇到了一个问题，让我十分头疼，但是又找不到如何解决。 技术涉及：vue+bootstrap 问题场景： 在一个类似导航的分类中，有许多个nav的`div`，要求点击每个框，都有弹窗，并且弹窗中的内容会根据点击的`div`不同而展示不同的内容。 问题复现： 使用bootstrap 中modal弹框，我给`div`加上了`...
vuejs
Vue学习笔记
Vue开发前准备 ======== 需要去官网[Home \| Vue CLI (vuejs.org)](https://cli.vuejs.org/zh/index.html)安装cli，cli是官方的vue开发环境。 安装成功后，可以通过命令来检测是否安装成功 ```lang-text vue --version ``` 创建项目命令（名字要求全小写） ```la...
Vue监听路由中传参的变化-关于watch的使用方式
前言 === 今天在做一个简单的搜索业务的时候，前端通过vue的路由传值进行发送请求到后端，然后获取搜索结果。 但是发现了一个问题，那就是一开始参数传递过去的时候，可以进行搜索，但是在搜索页面进行再次搜索（也就是更改路由的参数变量的时候，不会得出搜索结果）。 原因是：当前的发送请求是在mounted这个函数中，只会在页面的首次加载执行，因此第一次传参进入搜索的时候能够正确...
Vue Class与Style绑定
> 文章已同步至掘金：<https://juejin.cn/post/6844903962286669837> > 欢迎访问😃，有任何问题都可留言评论哦\~ 操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 `v-bind` 处理它们：只需要通过表达式计算出字符串结果即可。 表达式结果的类型除了字符串...
Vue移动端适配方案
> 文章已同步至掘金：<https://juejin.cn/post/6899365984617332750> > 欢迎访问😃，有任何问题都可留言评论哦\~ 在移动端，通常都会使用 **REM + FLEX布局** 来实现移动端的完美适配。 rem就是根元素(html)的 `font-size` 属性。 Flex布局请参考：**[Flex 布...
Vue中使用vue-quill-editor富文本编辑器
> 文章已同步至掘金：<https://juejin.cn/post/6844903936965476366> > 欢迎访问😃，有任何问题都可留言评论哦\~ [GitHub文档](https://github.com/surmon-china/vue-quill-editor) 使用步骤 {#%E4%BD%BF%E7%94%A8%E6%AD%A...
Vue 动态粒子特效(vue-particles)
> 文章已同步至掘金：<https://juejin.cn/post/6844903937502347278> > 欢迎访问😃，有任何问题都可留言评论哦\~ 
uni-app与vue生命周期对比
> 文章已同步至掘金：<https://juejin.cn/post/6917438354938134536> > 欢迎访问😃，有任何问题都可留言评论哦\~ uni-app应用生命周期函数 {#uni-app%E5%BA%94%E7%94%A8%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%87%BD%E6%95%...
理解Vue中的 nextTick
> 文章已同步至掘金：<https://juejin.cn/post/6844903962039025678> > 欢迎访问😃，有任何问题都可留言评论哦\~ 在看这篇文章之前，推荐先看一下这篇文章：[JS(浏览器)事件环 (宏、微任务)](https://51tbox.com/) 你需要了解一下 **JS的运行机制，和微宏任务的执行顺序** ...
Vue 常用的属性和方法总结
> 文章已同步至掘金：<https://juejin.cn/post/6844903992196071432> > 欢迎访问😃，有任何问题都可留言评论哦\~ let vm = new Vue({ }) //至于有些方法的使用，只需打印出来看一下就知道了 vm.$root //实例对象 // co...
