L4:Vue
文章平均质量分 50
带领对于前端处于中级的小伙伴一起学习认识vue这个框架
朝阳若蓝
专注于HTML5、CSS3、Javascript、JQuery、Vue、Vuex、Axios、ElementUI、React等常见前端技术栈
展开
-
bpmn+vue 中文文档
/ 监听流程节点内容发生改变的事件。// 格式化保存流程图为xml文件。// 监听 element。// 获取流程的所有元素。原创 2024-06-05 16:10:29 · 250 阅读 · 0 评论 -
前端代码规范之Vue
1.为了过滤一个列表中的项目(比如 v-for="user in users" v-if="user.isActive")在这种情形下,请将users替换为一个计算属性(比如activeUsers),让其返回过滤后的列表。应该把复杂计算属性分割为尽可能多的更简单的属性。小的、专注的计算属性减少了信息使用时的假设性限制,所以需求变更时用不着那么多重构了。复杂表达式会让你的模板变得不那么声明式。如果在运行时,条件很少改变,则推荐使用v-if比较好。不要把v-if和v-for同时用在同一个元素上。原创 2024-05-18 11:11:18 · 348 阅读 · 0 评论 -
组件传值的方式(父子组件,兄弟组件,跨级组件)
methods: {console.log('孙传组', payload)原创 2024-05-17 17:51:52 · 128 阅读 · 0 评论 -
vite搭建项目提示Error: spawn F:\vue\demo2\node_modules\esbuild\esbuild.exe ENOENT errno: -4058
【代码】vite搭建项目提示Error: spawn F:\vue\demo2\node_modules\esbuild\esbuild.exe ENOENT errno: -4058。原创 2024-05-17 16:31:47 · 193 阅读 · 0 评论 -
Vue + Cesium(之一)
一. 维度平面二维三维二.空间分析距离测量面积测量区域分析清除三.专题图层码头信息泊位信息仓库仓库区堆场装车台锚地视频监控储罐监控应急物资应急路径风险四色图BIM管线紧急切断阀可燃气体有毒气体管线检测4.详细信息经度纬度海拔视角方向俯仰角视点高。原创 2024-04-16 13:40:38 · 521 阅读 · 0 评论 -
Vue3项目搭建及文件结构
-- vue.config.js // vue cli 3+项目配置文件,如代理设置、开发服务器端口等。| |-- main.js // 入口JavaScript文件,用于引入Vue、安装插件、挂载根实例等。|-- babel.config.js // Babel配置文件,用于转译ES6+代码。| |-- assets/ // 存放资源文件,如图片、样式等。| |-- components/ // 存放Vue组件。| |-- App.vue // 应用的根组件。原创 2024-04-12 11:09:20 · 289 阅读 · 0 评论 -
Vue3常见核心面试题(之二)
A6:Vue3中使用Vue Router来实现路由,首先需要安装Vue Router,然后使用createRouter()函数创建路由对象,然后在根Vue实例中使用app.use()方法注册VueRouter.A8:在Vue3中使用axios发送Http请求,需要先安装axios,并在组件中导入axios,然后可以使用axios的get、post、put、delete等方法来发送Http请求。A3:在父组件中使用provice(),并在子组件中使用inject()来注入依赖项。原创 2024-04-12 09:28:27 · 460 阅读 · 0 评论 -
Vue3常见核心面试题(之一)
A1:Vue3是Vue.js框架的最新版本,它增加了很多新特性,包括Composition API、Teleport、Suspense和Fragment等。原创 2024-04-11 14:31:46 · 362 阅读 · 1 评论 -
Vue3 el-table(单选的实现以及解决多个表格切换样式错乱的问题)
解决方式:给每个表格加上唯一key值。原创 2023-08-29 19:34:56 · 1473 阅读 · 0 评论 -
Vue3 + ts的使用(选项式API,组合式API)
2. 点击“TypeScript and JavaScript Language Features”右下角的小齿轮,然后选择“Disable (Workspace)”3. 重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。1. VSCode 插件安装搜索@builtin typescript。原创 2023-09-01 10:42:35 · 407 阅读 · 0 评论 -
Vue3 QRCode生成
【代码】Vue3 QRCode生成。原创 2023-08-31 14:47:22 · 352 阅读 · 0 评论 -
el-date-picker设置开始时间小于结束时间
【代码】el-date-picker设置开始时间小于结束时间。原创 2023-08-29 19:57:12 · 916 阅读 · 0 评论 -
Vue3 获取proxy包裹的原始数据
【代码】Vue3 获取proxy包裹的原始数据。原创 2023-08-29 19:46:38 · 265 阅读 · 1 评论 -
Vue3 使用elementUI
【代码】Vue3 使用elementUI。原创 2023-08-29 19:25:08 · 359 阅读 · 0 评论 -
Vue3 全局路由的使用
【代码】Vue3 全局路由的使用。原创 2023-08-28 15:20:28 · 676 阅读 · 0 评论 -
Axios总结
网络请求 ——> axios ——> 请求拦截器 ——> 服务器网络请求 ——> axios ——> 响应拦截器 ——> 服务器原创 2023-08-19 14:57:34 · 1055 阅读 · 0 评论 -
封装vue2局部组件都要注意什么
注:vue 2.x版本中,<template>节点内dom结构仅支持单个根节点;但在vue 3.x版本中,支持多个根节点。created和mounted的区别:created在模板渲染成html前调用,mounted在模板渲染成html后调用。组件的封装必须高性能低耦合。原创 2023-08-13 11:47:12 · 1227 阅读 · 0 评论 -
认识vite
在package.json文件中 dependencies 对应vue的版本 webpack在开发模式下依然会对所有的模块进行打包操作,在大型项目中可能出现更新和编译缓慢的问题; vite采用基于ES Module的开发服务器,只有在需要时才编译对应的模块,大幅提升了开发环境的响应速度。 webpack打包时,会把所有所有模块打包成一个bundle,会导致初次加载速度比较慢; vite利用浏览器对ES Module的原生支持,只打包和缓存实际改动的模原创 2023-08-12 16:16:21 · 1867 阅读 · 0 评论 -
Vue基础教程学习(六)
一. VUEX的小案例五个属性:store, mulation, action, modules, getters1) modules文件夹下的user.js:const user = { state:{ self: null, token: '', }, mutations:{ SET_SELF: (state, self) => { ...原创 2021-05-17 15:34:09 · 232 阅读 · 0 评论 -
搭建Gulp环境的那些事儿
最近了解了一些关于自动化构建工具的一些内容,比较常见的就属grunt,gulp,webpack,当然各个公司大佬们也有用自己公司的的构建工具。百度科普了一下,对比了一下上文所说的那三个工具,grunt/gulp是一种能够优化前端的开发流程工具,而webpack是一种模块化的解决方案。既然如此,那我就不急,慢慢开始。废话不多说,今天就来讲讲gulp安装的那点小事。首先去其官网下载NodeJs原创 2017-07-25 08:41:09 · 1050 阅读 · 0 评论 -
H5 背景音乐自动播放(兼容IOS和Android)
首先看下效果图原创 2019-02-24 13:08:36 · 6523 阅读 · 1 评论 -
H5页面vue让网页长按保存为图片
思路如下:1.图片长按可以弹出是否保存为图片2.想要让网页转为图片,使用html2Canvas3.想要让网页长按可以弹出为是否保存为图片,就让图片覆盖在整个网页的最上方4.想要让网页里的二维码,一起生成到图片中,二维码的生成请使用QRCode5.想要让网页显示的内容和最后生成的图片不一致,就把内容copy两次,显示的内容放在下方,保存为图片的内容放在上方,上方的内容隐藏6.网页没有滚...原创 2019-02-24 11:09:43 · 5552 阅读 · 0 评论 -
vue结合appcan与极光实现消息推送
项目业务的需要,需要对用户进行消息推送,现如今已经告一段落,那么这一节我就来说一说消息推送的一些思路和注意点,后面有需要的小伙伴可以进行参考。 AppCan,是基于HTML5技术的Hybird跨平台移动应用的开发工具。开发者利用HTML5+CSS3+Javascript,通过App[Can IDE集成开发系统。 也就是说前端基于H5即可实现Android,IOS的原生效果开发。 ...原创 2018-08-19 19:48:16 · 4239 阅读 · 5 评论 -
vue的环境搭建
VUE的环境搭建主要分三步走:一.安装node 二.配置vue环境 三.安装vue cli脚手架一.去https://nodejs.org/en/下载最新版本的Node,然后一步安装,记得选择添加到路径,直到最后的完成检测是否成功 node -v 二.使用淘宝镜像npm install -g cnpm -registry = https://registry.npm...原创 2018-04-18 16:03:56 · 232 阅读 · 0 评论 -
vue基础教程学习(一)
最近公司在用vue开发项目,所以想要完全掌握,首先就必须扫一遍它的基础用法,然后再深入了解其模块化,组件化的具体内容。如果有小伙伴和我一样,就跟着我一起开始推开vue的大门,一起打开前端的新世界吧。 今天这节主要是讲讲三点: 1.vue(/vjuː/)是什么 2.为什么要学习vue,即vue的优势 3.怎么用vue实现数据的基本绑定一.Vue是什么(What ...原创 2018-07-02 16:50:55 · 4457 阅读 · 0 评论 -
vue基础教程学习(二)
上一节我主要讲了Vue是什么,为什么要学Vue,以及使用Vue编写最好的IDE——Atom,它的快捷键及必备插件,和它的初级使用。 今天这一节我们主要来讲讲下面这几点: 1.什么是钩子(HOOK)函数 2.Vue的生命周期 3.Vue的相关指令 4.Vue的调试插件一.什么是钩子函数在我具体介绍Vue的生命周期之前,我先来说说钩子函数。 讲到钩子函数,又...原创 2018-07-03 15:59:06 · 1595 阅读 · 1 评论 -
vue基础教程学习(三)
今天主要是想和大家分享一下Vue的数据绑定,这是vue的基础,是我们进行开发最基本需要掌握的知识,所以有需要的小伙伴赶紧学起来吧。 一.数据渲染{{message}} // 数据绑定<div v-html="htmlMess"></div> // html绑定<div v-text="message"></div> ...原创 2018-08-18 17:21:52 · 731 阅读 · 0 评论 -
vue基础教程学习(四)
这一章呢,主要和大家分享vue环境安装或者重装之中遇到的问题。 一.80端口被占用 解决方法: 1.cmd命令行开启 2.命令行中输入netstat -ano ,得到对应端口号的PID 3.ctrl+alt+delete ,打开任务管理器,找到对应PID的进程,结束进程就可以了 二.windows安装了最新的node,但是命令行却始终显示nod...原创 2018-08-19 09:48:39 · 406 阅读 · 0 评论 -
vue基础教程学习(五)
这一节主要是总结一些在实际Vue的项目开发当中遇到的一些疑难问题,但是踩过这些坑之后就会豁然开朗,请君悉知。 一.运行代码后报如下的错误:Component template should contain exactly one root element. If you are using v-if on multiple elemen我猜你的代码结构一定是这样的:<tem...原创 2018-08-19 15:20:13 · 596 阅读 · 0 评论