首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vue
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
vue项目打包(vue项目打包部署到服务器)
vue项目打包(vue项目打包部署到服务器),命令:npmrunbuild作用:用vue-cli内部集成的webpack,把.vue,.less.js等打包成浏览器可直接执行的代码。结果:会在项目根目录下创建/dist目录,在这个目录下产出打包后的结果。app-hash值.js:主入口chunk-hash.js.map:它会记录当前的.js文件中包含了哪个模块,对应代码位置,有利于代码出错快速找到
369
后端
01-01 08:00
后端
vue工程使用svg图片,svg-sprite-loader缺陷,你们的按需加载svg是错误的。
vue工程使用svg图片,svg-sprite-loader缺陷,你们的按需加载svg是错误的。,起因el-button组件只有icon属性标签,不支持单独的slot,但是项目中的svg图标都用《svg-icon》封装起来了。想着自己用css引入svg图标,然后一直不显示。结果发现,svg-sprite-loader导致了整个svg源文件加载到了css代码中。陷入沉思……一、为什么大家都用svg-
369
后端
01-01 08:00
后端
Vue3 TypeScript 全局 Message 提示框
Vue3 TypeScript 全局 Message 提示框,前言实现过一个vue2+ts下的全局的Message提示框。闲暇之余想在vue3+ts的框架下也实现此功能。技术思路在vue3上的实现思路install函数是把编写的Message组件实例化并渲染到页面的关键。其中的步骤:根据Message组件实例化一个Message在document.body上appendChild实例同时返回一个d
368
代码人生
01-01 08:00
代码人生
Vue封装tiptap富文本组件,增加表格、图片、选中高亮
Vue封装tiptap富文本组件,增加表格、图片、选中高亮,现在基于上次的中加入图片、表格功能、选中高亮、以及使用v-model绑定富文本组件安装图片和表格模块yarnadd@tiptap/extension-highlight@tiptap/extension-image@tiptap/extension-table@tiptap/extension-table-cell@tiptap/exte
362
后端
01-01 08:00
后端
Vue2 + EMP 五分钟实现微前端
Vue2 + EMP 五分钟实现微前端,前言开发过程中,不同业务项目只存在小部分差异,绝大部分代码是高度重合的。在这种情况下,最简单的做法是把上一个项目复制粘贴一份,基于上一个项目继续开发,但是这样会存在大量的重复代码,更新一个通用模块需要反复修改多个项目,不容易维护且容易出错。在用微前端之前,大部分方式是,使用拆包把公共代码抽离成一个独立的npmmodule,让不同的业务项目引用该npm包。但是
361
后端
01-01 08:00
后端
Vue+Vant实现顶部搜索栏
Vue+Vant实现顶部搜索栏,Vue+Vant实现顶部搜索栏这篇文章主要为大家详细介绍了Vue+Vant实现顶部搜索栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码,供大家参考,具体内容如下搜索栏组件源码(SearchBar.vue)123456789101112131415161718192021222
356
后端
01-01 08:00
后端
Vue组件通信的八种方式(非父子组件之间的通信)
Vue组件通信的八种方式(非父子组件之间的通信),前言上篇文章我们总结了Vue组件通信之父子组件之间的通信方法。本文为您继续总结Vue组件通信之非父子组件之间的通信方法$emit->$on(evenBus)Vue提供一种名为eventBus的事件总线用于搭建组件通信的桥梁,eventBus用来管理所有组件的通信。任何一个组件的通信都可以记录在eventBus中,因此我们认为它是vue组件的通信中心
352
后端
01-01 08:00
后端
vue+element-ui+xlsx实现前端校验上传的Excel文件
vue+element-ui+xlsx实现前端校验上传的Excel文件,以下为beforeUpload改变后的代码:beforeUpload(file){let_this=this;//使返回的值变成Promise对象,如果校验不通过,则reject,校验通过,则resolvereturnnewPromise(function(resolve,reject){//readExcel方法也使用了Pr
352
后端
01-01 08:00
后端
vue 如何在子组件中修改 props 的值
vue 如何在子组件中修改 props 的值,所有的prop都使得其父子prop之间形成了一个单向下行绑定:父级prop的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生变更时,子组件中所有的prop都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变prop。如果你这样做了,Vue会在浏览器的
349
代码人生
01-01 08:00
代码人生
Vue3源码之初始化渲染流程解读(vue页面渲染过程)
Vue3源码之初始化渲染流程解读(vue页面渲染过程),最近有些时间,就想着深入vue3源码的实现背后,看下vue3应用初始化挂载的过程都有哪些步骤,每一个步骤大概做了哪些具体内容。说明:文章源码部分代码仅仅展示主要功能实现部分,如需查看完整源码,请移步GitHubvue-next首先,我们以下面的代码来看下我们是如何创建和挂载Vue3应用的hellovue3appconst{createApp,
341
«
1
2
...
7
8
9
10
11
12
13
...
150
151
»