• vue cli3.0打包上线静态资源找不到路径的解决操作
• 项目中遇到打包之后静态资源路径找不到，报如下错误：解决方法是：在项目的根目录下创建vue.config,js文件，在里面配置静态资源的路径，publicPath是配置静态资源路径的属性，vue.config,js文件的代码如下：module.exports = { publicPath: ’./’...
• 日期：2022-12-18
• 浏览：257
• 标签： Vue

---

• vue实现从外部修改组件内部的变量的值
• 1、首先是如何给你定义的变量拿到数据：这里我自己用的是vuex：首先在你项目的src文件夹下创建这么一个目录：之后就要在index.js中将homedatas.js（拿数据的js）共享出去，使页面能拿到数据，以下是index.js的代码：随后就是在homedatas中获取数据了，以下是homedat...
• 日期：2022-12-21
• 浏览：171
• 标签： Vue

---

---

• vue深度监听(监听对象和数组的改变)与立即执行监听实例
• 1.vue中监听对象数据属性值的改变，可以使用深度监听 data () { return { form: { status: ’’, cpufrequency: ’’, systemstacksize: ’’, scalabilityclass: ’’ } } }...
• 日期：2022-11-29
• 浏览：199
• 标签： Vue

---

• 谈谈Vue中的nextTick
• 当数据发生变化之后，DOM视图并不会立即更新，如果我们在发生变化之后立马去获取某个节点或者某个节点的值，很有可能结果就是undefined；因为Vue实现响应式并不是数据发生变化之后DOM立即变化，而是按一定的策略进行DOM的更新；来看一个小demo：App.vue<template> ...
• 日期：2022-09-30
• 浏览：16
• 标签： Vue

---

• 浅谈Vue插槽实现原理
• 目录一、样例代码二、透过现象看本质三、实现原理四、父组件编译阶段五、父组件生成渲染方法六、父组件生成VNode七、子组件状态初始化八、子组件编译阶段九、子组件生成渲染方法十、使用技巧10.1、具名插槽10.2、作用域插槽一、样例代码<!-- 子组件comA --><template...
• 日期：2022-09-28
• 浏览：178
• 标签： Vue

---

• Vue父组件向子组件传值以及data和props的区别详解
• 1.在父组件中定义 msg 属性 data:{ msg:’123 -我是父组件中的数据’ },2.引用子组件父组件可以在引用子组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用。把父组件传递过来的 msg 属性，绑定到子组件的 parentm...
• 日期：2023-02-04
• 浏览：171
• 标签： Vue

---

• vue或react项目生产环境去掉console.log的操作
• 在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console。如果手动删除未免也太累了，再说以后想再开发还得重新写console。事实上webpack提供了删除console的插件，在vue-cli3里面是这样用的：首先安装terser-webpack-plu...
• 日期：2022-11-30
• 浏览：147
• 标签： Vue

---

• 如何手写简易的 Vue Router
• 前言还是那样，懂得如何使用一个常用库，还得了解其原理或者怎么模拟实现，今天实现一下 vue-router 。有一些知识我这篇文章提到了，这里就不详细一步步写，请看我 手写一个简易的 Vuex 基本骨架 Vue 里面使用插件的方式是 Vue.use(plugin) ，这里贴出它的用法： 安装 Vu...
• 日期：2022-11-16
• 浏览：125
• 标签： Vue

---

• 解决Vue大括号字符换行踩的坑
• 最近遇到这样一个问题，在页面上要显示一段自定义的文本，文本如果较长的话需要换行显示。在HTML中可以通过<br/>标签换行，也可以通过n转义字符换行在Vue中用大括号显示的变量，加<br/>会直接被当成字符串显示出来，加n显示一个空格，加rn显示两个空格，因为{{}}}是文本...
• 日期：2022-11-03
• 浏览：17
• 标签： Vue

---

• 在vs code 中如何创建一个自己的 Vue 模板代码
• 首先，在vs code 中打开定义模板代码的地方第一步，点击“设置”图标按钮，在弹出的菜单中点击的“用户代码片段”（也就是模板）第二步，在弹出的框中选择新建代码片段（可选为 全局/现在的项目 创建模板）第三步，输入要新建的模板名称，然后，回车（这里我已经新建过了）然后会自动打开下面这个页面，在这里我...
• 日期：2022-11-02
• 浏览：44
• 标签： Vue

---