vue系列
文章平均质量分 86
Vue 在开发中的使用记录
是刘彦宏吖
1.我能做什么 2.我想要的 ---全新的选择 我能干什么?当你不能知道要做什么的时候?就把现在的事做好!
知识零碎、浅尝辄止,未成体系、温故知新、夯实基础、努力学习、积累量变、期待质变。
掌握人、技术、方法的不断协调与相互作用,才能事半功倍。悟以往之不谏,知来者之可追。
展开
-
vue+axios+promise实际开发用法
vue+axios+promise实际开发用法一、axios的介绍axios 是由 promise 封装的一个 http 的库。promise是 es6 为解决异步编程的。什么是异步?1. 不会按照浏览器的加载方式 由上到下。前端哪里面有异步?1. 回调函数2. 定时器3. 事件绑定4. ajax二、列举一个例子针对这个例子 会出现 层层回调函数的嵌套 我们称为(回调地狱)这样很不好 对我们后期的维护也很麻烦,所以出现了 promiseaxios它是原创 2024-01-29 13:39:28 · 1465 阅读 · 0 评论 -
Vue事件机制
初始化事件在vm上创建一个_events对象,用来存放事件。$once监听一个只能触发一次的事件,在触发以后会自动移除该事件。实例上监听一个自定义事件,该事件可用。$emit用来触发指定的自定义事件。存放事件名以及对应执行方法。$off用来移除自定义事件。转载 2022-12-30 09:33:54 · 324 阅读 · 0 评论 -
聊聊Vue的template编译
optimize的主要作用是标记static静态节点,这是Vue在编译过程中的一处优化,后面当update更新界面时,会有一个patch的过程,diff算法会直接跳过静态节点,从而减少了比较的过程,优化了patch的性能。通过这些函数,render函数最后会返回一个VNode节点,在_update的时候,经过patch与之前的VNode节点进行比较,得出差异后将这些差异渲染到真实的DOM上。看了render function字符串,发现有大量的_c,_v,_s,_q,这些函数究竟是什么?转载 2022-12-30 09:33:05 · 429 阅读 · 0 评论 -
从template到DOM(Vue.js源码角度看内部运行机制)
至此,我们已经从template到真实DOM的整个过程梳理完了。现在再去看这张图,是不是更清晰了呢?转载 2022-12-30 09:19:41 · 241 阅读 · 0 评论 -
Vue(ref和$refs属性介绍与使用)
在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容除了自定义属性外,Vue实例还暴露一些有用的实例属性和方法,他们都有前缀$,以便和用户定义的属性和方法分开。原创 2022-12-30 09:13:45 · 40008 阅读 · 1 评论 -
ABP +VUE Elment 通用高级查询(右键菜单)设计+LINQ通用类Expression<Func<TFields, bool>>方法
ABP +VUE Elment 通用高级查询(右键菜单)设计+LINQ通用类Expression方法2.2、简单示例2.3、在表格中右击事件关联2.4 右键点击事件实现2.5 加载不同关系表达式和操作符2.6 效果图原创 2022-08-20 10:44:12 · 803 阅读 · 0 评论 -
狂神说Vue笔记
想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端,为实现成为“互联网Java全栈工程师”再向前迈进一步。Soc原则:关注点分离原则Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 网络通信 : axios页面跳转 : vue-router状态管理:vuexVue-UI : ICE , Element UI太简单,略CSS层叠样式表转载 2022-12-30 18:20:24 · 1721 阅读 · 0 评论 -
ABP 多模块关联查询、分组统计、行专列、Vue 复合表头动态列之二 组件间传值
接上篇, 完成报表统计后,需要再开发出时间控件, 主要用在报表模块统计业务, 选择日期使用场景, 因为几乎所有报表都会用到日期选择,所有直接做成控件方便使用, 这里也会集成单位选择功能, 根据选择的单位权限进行统计。......原创 2022-07-16 17:02:10 · 526 阅读 · 0 评论 -
VUE 前端中如何进行组件化开发?
我们把HTML中的DOM就可以与其他的部分独立开来划分出一个层次,这个层次就叫做视图层。Vue 的核心库只关注视图层图1: dom对象树结构图2:DOM和CSS 一起呈现a、html写构架b、css装饰c、js交互讲到JQuery,就不得不说到JavaScript的DOM操作了。如果你用JQuery来开发一个知乎,那么你就需要用JQuery中的各种DOM操作方法去操作HTML的DOM结构了。a、有声明式b、响应式的数据绑定c、组件化的开发d、Virtual DOM因为Vue.js有声明式原创 2022-06-10 09:48:27 · 1223 阅读 · 1 评论 -
VUE项目执行流程:index.html,main.js,App.vue,index.js之间调用关系
关于Vue中main.js,App.vue,index.html之间关系进行总结原创 2022-06-04 23:22:43 · 10809 阅读 · 0 评论 -
vue组件基本结构
vue组件基本结构原创 2022-06-04 23:21:48 · 776 阅读 · 0 评论 -
*张飞洪Vue学习笔记:基础篇之vue入门
Vue学习笔记:基础篇之vue入门ABP框架入门持续提升程序员幸福指数——使用abp vnext设计一款面向微服务的单体架构检查列表:Ctrl/Command + Shift + C插入代码:Ctrl/Command + Shift + K插入链接:Ctrl/Command + Shift + L插入图片:Ctrl/Command + Shift + G查找:Ctrl/Command + F替换:Ctrl/Command + G合理的创建标题,有助于目录的生成直接输入1次#,并按下spa转载 2022-05-28 09:17:13 · 314 阅读 · 0 评论 -
使用 VS Code 断点调试
Vue笔记:使用 VS Code 断点调试直接在 Chrome 的调试窗口中调试 Vue 代码有诸多不便, 好在 Visual Studio Code 中提供了 Debugger for Chrome 插件,能够通过配置直接在 VS Code 断点调试代码, 并且在 VS Code 的调试窗口看到 Chrome 中 console 相同的值,这篇文章就来介绍一下这个配置过程。1.开启 Chrome 远程调试端口首先我们需要在远程调试打开的状态下启动 Chrome, 这样 VS Code 才能 atta原创 2022-05-18 16:32:10 · 1563 阅读 · 0 评论 -
VUE+Element 前端应用开发
循序渐进VUE+Element 前端应用开发(1)— 开发环境的准备工作原创 2022-05-18 15:46:45 · 597 阅读 · 0 评论 -
七天略通Vue系列之 3.Vue.component
day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component>&l原创 2022-05-11 13:55:15 · 7052 阅读 · 1 评论 -
七天略通Vue系列之 4.vue 接口调用方式
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容原创 2022-05-11 13:56:00 · 208 阅读 · 0 评论 -
七天略通Vue系列之 5.路由的概念
今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由,动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由原创 2022-05-11 13:56:32 · 119 阅读 · 0 评论 -
七天略通Vue系列之 6.vue前端工程化
###今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为:Sea.js####B.服务器端的模块化服务器端的模块化规范是使用Comm原创 2022-05-11 13:57:05 · 234 阅读 · 0 评论 -
七天略通Vue系列之 2.Vue常用特性
day02Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio"原创 2022-05-11 13:53:23 · 189 阅读 · 0 评论 -
七天略通Vue系列之 1.Vue 是什么?
day01Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏原创 2022-05-11 13:52:01 · 123 阅读 · 0 评论 -
ABP 多模块关联查询、分组统计、列转行、Vue 复合表头动态列
ABP 重写主键ID[Column(“你那表的源主键名”)]public override leixing Id{ get; set; }1.重写ID [Column(“数据库指定的ID”)][Column(“CarTypeID”)]public override int Id { get; set; }2.映射中指定 这里用的是AutoMapper第一个UserID是Dto模型里面的 第二个Id是实体类中我们重写的那个Id1 var carTypeDtoMapper = mapperCon原创 2022-04-20 06:55:04 · 2021 阅读 · 0 评论 -
vue-element-admin 框架结构粗解
vue-element-admin 框架使用总结安装启动安装cnpm来解决依赖安装失败问题,安装完之后,可以使用cnpm install安装已有或新增加的依赖,一是可以成功安装外网上的依赖(仓库在国内),二是速度更快 cnpm安装如下: npm install -g cnpm --registry=https://registry.npm.taobao.org后端环境配置IP和端口配置: 开发阶段在config/index.js配置proxyTable,目前使用/api代理后端的IP+端口;在生产原创 2022-04-30 08:31:20 · 12653 阅读 · 1 评论