
vue
文章平均质量分 67
盼盼盼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
在 Vue 3 中,如何使用 Teleport 来优化组件的 DOM 结构?
是一个内置组件,它允许你将组件的 DOM 输出到组件外部的 DOM 节点中。这在某些情况下可以优化组件的 DOM 结构,例如当你需要将弹窗、侧边栏、对话框等组件渲染到 body 标签的直接子元素中,而不是嵌套在当前组件的 DOM 结构中时。是一个非常强大的工具,可以帮助你更好地控制组件的 DOM 输出,特别是在构建复杂的 UI 组件时。// 假设有一个方法来控制模态框的显示。这个 DOM 节点中,而不是嵌套在。在 Vue 3 中,原创 2024-09-04 16:14:52 · 839 阅读 · 0 评论 -
Vue 3 的性能提升具体体现在哪些方面?
这些性能提升使得 Vue 3 在大型应用和复杂场景中表现出更好的性能和更高的开发效率。原创 2024-09-03 16:40:40 · 681 阅读 · 0 评论 -
vue-cli + APIcloud
运行成功后左侧选择apicloud任务,直接运行,也可以配置修改端口,是否进行文件监听(插件暂时不进行文件监听同步不了文件)5.项目创建完成之后在项目根目录创建vue.config.js文件(vue cli3的配置文件),文件里的代码为。8.在widget 文件夹中配置config.xml文件,config.xml文件就是apicloud的配置文件。4.在面板中创建新项目,输入项目名之后点击下一步,选择预设-默认后直接创建项目。3.进入工作目录里运行 vue ui,此时会打开vue的UI面板。原创 2022-11-24 16:15:04 · 549 阅读 · 1 评论 -
VueCLI4打包时清除console.log
1.在项目中下载依赖包npm install babel-plugin-transform-remove-console -g2.在项目babel.config.js中配置let transformRemoveConsolePlugin = [];// 生产环境清除console.log的信息if (process.env.NODE_ENV === "production") { transformRemoveConsolePlugin = ["transform-remove-consol原创 2020-12-02 16:48:37 · 1320 阅读 · 3 评论 -
Vue源码分析之Vue入口文件
文章目录1.1 Flow1.2 Vue.js源码目录Vue.js 的源码都在 src 目录下,其目录结构如下:compilercoreplatformsserversfcshared1.3 Vue.js构建方式1.4 Vue.js入口1.1 FlowFlow是facebook出品的JavaScript代码的静态类型检查器。Vue.js 的源码利用了 Flow 做了静态类型检查。Flow的工作方式:类型推断:通过变量的使用上下文来推断,然后根据这些推断来判断类型。类型注释:事先注释数据类型,Flo原创 2020-10-10 16:10:55 · 1196 阅读 · 1 评论 -
前端基于WebSocket封装
1.无心跳,短开连接之后重新连。class webSocketClass { constructor(name) { this.lockReconnect = false; this.localUrl = "ws://XXXXXX"; this.wsUrl = ""; this.globalCallback = null; this.userClose = false; this.createWebSocket(name); } createW原创 2020-09-16 14:39:17 · 1311 阅读 · 0 评论 -
vue封装Radio单选组件(有禁用选项、默认选项的单选框)
1.效果展示2.组件代码radio.vue代码:<template> <div class="radio"> <label class="title">{{title}}</label> <a href="#" v-for="(item, index) in options" :key="...原创 2019-07-04 16:55:51 · 7225 阅读 · 1 评论 -
vue封装Checkbox多选框组件
1.效果展示2.代码checkList.vue代码<template> <div class="radio"> <label class="title">{{title}}</label> <a href="#" v-for="(item, index) in options" :key=...原创 2019-07-05 14:11:10 · 2897 阅读 · 0 评论 -
在linux服务器上安装xshell、xftp、nginx,部署前端打包的dist项目
1.下载、安装xshell,xftphttps://www.netsarang.com/zh/xshell/如果是自己用可已使用免费版的填完之后在邮箱打开下载链接下载并安装2.登录xshell填写主机名之后点击“确定”点击会话列表选项,点‘连接’linux服务器一般用户名填写root,填写完成之后点‘确定’填写密码,点‘确定’,登录xshell成功3.登录Xftp...原创 2019-07-26 16:02:37 · 3384 阅读 · 3 评论