表头 图标vue3 vue
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签,原生效果有点击直接当前页跳转路由,按键(windows为ctrl,ios为command)+ 点击打开路由的新页面这两种效果 注意,第一种效果是a标签自带的,第二种效果是浏览器的行为。 如图为普通a标签和部分属性,点击跳转新路由/newapi,当然同时也会触发newUrl函数 ......
npm init vite@latest vue3study --template vue
D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
babel在vue项目中使用(vue兼容)
https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时,可以选择babel直接创建一般情况下是默认配置,直接使用就可以了 二、单独引入babel(直接修改package.json ......
Vue组件通信 父子通信
![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908... ......
spoot-vue学习
1、创建Vue项目(需要提前搭建好环境) 启动cmd,进入到文件夹路径,输入以下命令,回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后,使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后,输入npm insta ......
Vue
# VUE2**渐进式JavaScript框架**通过AJAX请求将从Web服务器获取的数据显示到界面上## 搭建开发环境1)下载Vue.js库https://cn.vuejs.org/2)用<script>引入Vue.js库`<!--引入Vue-->`<script type="text/java ......
electron+vue3+electron-updater 实现程序更新
electron+vue3+edge 调用C#.dll文件 electron-edge-js 用这玩意儿我血压高..... 血压高的谨慎食用… 文章目录 electron+vue3+electron-edge-js 调用C#.dll文件 起步 一、创建Vue3项目(ele) 二、Vue3项目中添加 ......
vue中的nextTick函数
今天实现切换歌曲时发现问题,切换歌曲的逻辑就是更改列表索引获取当前播放歌曲,然后播放歌曲。结果更改歌曲成功了,但是无法切换完播放。后来发现问题,歌曲加载需要时间,播放的指令运行时歌曲还未加载好,所以就出现了无法正常播放的问题。vue中的nextTick函数:在下次 DOM 更新循环结束之后执行延迟回 ......
Vue框架结构说明
vue安装三部曲: 1:安装node.js环境 2:vue-cli 脚手架构建工具 3:配置vue环境 参考资料: https://blog.csdn.net/muzidigbig/article/details/80490884 ......
Vue源码学习(十):关于dep和watcher使用的一些思考
好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给每个数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 ......
vue2,3render函数的简单使用
render 函数的主要作用: 创建虚拟 DOM:render 函数负责创建虚拟 DOM 元素,这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI:render 函数根据组件的状态(data 数据)、属性(props)、计算属性(computed)、方法(m ......
问题:vue-cli failed to download repo vuejs-templates/webpack:connect etimedout连接超时,怎么解决
https://github.com/vuejs-templates/webpack 下载之后,解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候,需要带上参数--offline表示离线初始化 ......
在vue3中使用粒子库particles.vue3,只有背景没有粒子的问题
按下述步骤,看是缺少安装包还是缺少引入方法(题主一开始不能显示粒子的原因是因为没有进行下述红色代码的操作) 1. 要安装两个包 npm install particles.vue3 npm install tsparticles 2. 可选择全局引入main.js // 导入粒子库 import P ......
VUE踩坑
问题1:expected indentation of 0 spaces but found 2 . 解决方案:1.打开 /config/index.js文件 ,找到: // 将 true更改为false即可 useEslint: false, 2.打开根目录下的/.eslintrc.js文件,找到 ......
vue前端项目配置,让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看,要保证自己和访问者在同一个局域网内,比如同连一个VPN的局域网,或者 ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理? 我们使用Vue开发应用,实际上是编写若干Vue组件,实现模板、data、生命周期钩子等,然后执行new Vue(),将根组件挂载到指定的DOM节点上面,当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候,视图会响应地更新。这样就实 ......
vue实现视频上传功能
本文实例为大家分享了vue实现视频上传功能的具体代码,供大家参考,具体内容如下 环境:vue + TS 上传视频 + 上传到阿里云主要处理前端在vue下上传视频 使用的是阿里云的视频点播服务 1、需要后台去申请一个开发API,请求阿里云的接口访问控制2、有了开发视频的token,供给前端3、前端去请 ......
Vue学习笔记(八):Vue脚手架
Vue脚手架是Vue官方提供的标准化开发工具,使用Vue脚手架(vue-cli)可以快速创建 vue 项目。 1 安装npm¶ 第一步(仅第一次执行): 下载npm,npm(node package manager)是nodejs下的包管理工具,后续下载、管理vue包都得通过npm进行,下载地址如下 ......
06vue之路由vue-router
1. 介绍 路由就是一种对应关系(Hash 地址与组件之间的对应关系),在Vue.js路由允许我们通过不同的url访问不同的内容 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现(在 SP ......
vue上传视频插件
视频作为一种信息表达方式,越来越受到人们的关注和喜爱。近年来,随着移动互联网的普及,手机、平板电脑等设备可以随时随地观看视频。在开发网站或移动应用时,上传和展示视频成为一项不可或缺的功能。Vue作为一种现代化JavaScript框架,提供了丰富的开发工具和插件,其中视频上传插件是Vue开发者必须学会 ......
04vue之axios
1. 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSO ......
05vue之组件
1. 组件化编程 根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护 1.1 组件 在 Vue 中,组件就是用来封装视图的,说白了就是封装 HTML;组件思想就是把一个很大的复杂的 Web 页面视图给拆分成一块一块的组件视图,然后利用某种特定的方式把它们组织到一起完成完 ......
vue之修饰符
1. 简介 修饰符是以半角句号 . 指明的特殊后缀 2. 常用修饰符 2.1 .prevent :阻止事件默认行为 可以告诉v-on指令对于触发的事件调用 event.preventDefault(),一般用于表单提交、a标签的click事件等 <form v-on.prevent="onSubmi ......
03vue之脚手架搭建项目
1. 介绍 Vue脚手架是基于webpack搭建的,用来创建vue项目的工具包 Vue的运行流程: 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 脚手架-官网 2 准备工作 2.1 检查以下是否安装 # 确定是否已经安装 node, npm, vue-cli脚 ......
02vue之调试工具vue-devtools
1 下载插件 可以在 https://chrome.zzzmh.cn/#/index 这里直接下载,然后直接拖入 扩展程序即可 2 下载包 2.1 从github克隆项目 git clone https://github.com/vuejs/vue-devtools 2.2 在vue-devtool ......
uniapp引入iconfont真机nvue不生效(兼容vue)
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置,引入iconfont onLaunch() { // #ifdef APP-PLUS ......