• Docker镜像+nginx 部署 vue 项目的方法
• 一、打包vue项目在开发完的vue项目输入如下命名，打包生成dist文件夹yarn build / npm run build此时根目录会多出一个文件夹：dist文件夹，里面就是我们要发布的东西。如果将该dist目录整个传到服务器上，部署成静态资源站点就能直接访问到该项目。二、获取nginx 镜像n...
• 日期：2023-11-27
• 浏览：105
• 标签： Vue

---

• vue学习笔记之动态组件和v-once指令简单示例
• 本文实例讲述了vue动态组件和v-once指令。分享给大家供大家参考，具体如下：点击按钮时，自动切换两个组件<component :is='type'></component>，当点击按钮之后，会自动清除原来的组件，显示新的组件。每一次切换，都需要销毁+创建但是这样消耗有点大...
• 日期：2023-02-04
• 浏览：253
• 标签： Vue

---

• vue学习笔记之slot插槽用法实例分析
• 本文实例讲述了vue slot插槽用法。分享给大家供大家参考，具体如下：不使用插槽，在template中用v-html解析父组件传来的带有标签的content<!DOCTYPE html><html lang='en'><head> <meta chars...
• 日期：2023-02-04
• 浏览：228
• 标签： Vue

---

• Vue实现仿iPhone悬浮球的示例代码
• 悬浮球插件简单的效果图：很遗憾，没找到太好的视频转gif的软件，压缩出来的大小超过了限制，就不放图了可以参考其他人的图，效果一致：简单实用案例：<!-- 给定一个初始位置position，插槽中填写想滑动的部分 --><xuanfuqiu :position='position'&...
• 日期：2023-01-31
• 浏览：252
• 标签： Vue

---

• Vue如何基于vue-i18n实现多国语言兼容
• vue中使用 vue-i18n 兼容多国语言1.安装：npm install vue-i18n --save-dev2.在main.js文件中引入：import VueI18n from ’vue-i18n’Vue.use(VueI18n) // 通过插件的形式挂载，通过全局方法Vue.use()使...
• 日期：2023-01-05
• 浏览：76
• 标签： Vue

---

• vue 使用async写数字动态加载效果案例
• 父组件 <interval-number :number-content='blockHeight' v-if='blockHeight>0'></interval-number> import IntervalNumber from ’./IntervalNumber...
• 日期：2023-01-04
• 浏览：213
• 标签： Vue

---

• 解决Vue中的生命周期beforeDestory不触发的问题
• 分享一句很有用的经验：给router-view加了个keep-alive导致组件缓存了，所以不会触发beforeDestory和destoryed结束！补充知识：vuex actions正确使用vue-resource的方式( Error in mounted hook: 'TypeError: C...
• 日期：2023-01-01
• 浏览：282
• 标签： Vue

---

• 解决VUE-Router 同一页面第二次进入不刷新的问题
• 最近正好遇到一个问题，修改用户的头像，修改后再进入用户主页，发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供几种解决方案来给予大家参考：1. 可以在刷新的页面定义一个参数, 这样每次都会渲染出不同的页面：route 实例化命名配置：{ // 用户信息 path: ’/accoun...
• 日期：2022-12-31
• 浏览：266
• 标签： Vue

---

• 在vue中实现禁止回退上一步,路由不存历史记录
• 在有些情况下，我们不想往路由里添加历史记录。（vue的项目，vue-router中不想存历史记录）根据vue官网提供的，楼主总结了一下，主要有以下几种方案：根据官网的解释 。声明式路由和编程式路由都是添加新的记录，同时vue还提供了replace来替换路由记录，从而实现路由不存历史记录的情况，以下是...
• 日期：2022-12-31
• 浏览：280
• 标签： Vue

---

• 解决vue中的无限循环问题
• 项目中遇到了这样一个问题：每一种产品有对应的服务费，每一个商家有多种商品要单独计算每一家的服务费，最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。下面是错误代码html：js：这里会出现无限循环...
• 日期：2022-12-27
• 浏览：193
• 标签： Vue

---