Vue
文章平均质量分 81
Vue从入门到高级
GISer_Jinger
南师大GIS
在读研二学生
励志成为大中厂外企的一名会后端会GIS的前端工程师
展开
-
Vue核心基础
Vue核心概念,顶层设计,好好吸收!原创 2024-03-19 22:06:06 · 2180 阅读 · 0 评论 -
前端Vue进阶
checkPwd为触发的自定义校验函数,这个函数的定义需要写在 data数据return的上面,其中参数二就是确认密码填写的值,需要和regForm.password的的值作对比参数三尤其注意,这个回调函数无论 密码 和确认密码 一不一致都必须调用一次data() {// 参数1: rule 对象, 是校验规则, 一般不用// 参数2: value 校验项的数据// 参数3: callback 回调函数, 决定是否校验通过if (value!原创 2023-12-26 22:30:14 · 948 阅读 · 0 评论 -
前端模块化CommonJS、AMD、CMD、ES6
在前端开发中,模块化是一种重要的代码组织方式,它有助于将复杂的代码拆分成可管理的小块,提高代码的可维护性和可重用性。CommonJS、AMD(异步模块定义)和CMD(通用模块定义)是三种不同的模块规范,它们在定义模块、加载模块以及依赖管理等方面存在差异,并适用于不同的场景。原创 2024-07-23 19:57:32 · 620 阅读 · 0 评论 -
Vue中渲染函数
当一个依赖发生变化后,副作用会重新运行,这时候会创建一个更新后的虚拟 DOM 树。在 Vue 2 中,渲染函数(Render Functions)同样提供了一种比模板(Templates)更底层、更灵活的方式来描述组件的输出。的别名(这需要通过额外的配置或插件来实现,比如 Babel 插件),但 Vue 2 的官方文档和默认配置中并没有直接提供。:运行时渲染器调用渲染函数,遍历返回的虚拟 DOM 树,并基于它创建实际的 DOM 节点。,但当你需要多次使用渲染函数时,一个简短的名字会更省力。原创 2024-07-22 22:34:33 · 606 阅读 · 0 评论 -
监测vuex中state的变化
根据你的具体需求选择最合适的方法。如果你只是想要在Vue组件中响应state的变化,那么使用watch属性可能是最简单的选择。如果你需要在全局范围内监测state的变化,那么编写一个Vuex插件可能是更好的选择。原创 2024-07-18 22:29:37 · 301 阅读 · 0 评论 -
Webpack详解
Webpack 是一个现代 JavaScript 应用程序的。它允许开发者将项目中的资源(如 JavaScript、CSS、图片等)视为,通过这些模块之间的,将它们成一个或多个 bundle(捆绑包),这些 bundle 可以在浏览器中加载和执行。Webpack 提高了开发效率,简化了前端项目的构建流程,是现代前端开发不可或缺的工具之一。原创 2024-07-17 22:26:57 · 1833 阅读 · 0 评论 -
Vue3学习(一)
这里的“懒加载”并不是指资源加载的延迟,而是指用户输入值的更新不会在每次输入时都立即触发,而是在某个“懒”的时机(通常是失去焦点或按下回车键后)才触发。是一个新的 API,用于响应式地执行一个副作用函数(effect function),当这个副作用函数所依赖的响应式数据发生变化时,它会被重新触发。在其内部,Vue 在它的 getter 中执行追踪,在它的 setter 中执行触发。不同的是,Vue 能够拦截对响应式对象所有属性的访问和修改,以便进行依赖追踪和触发更新。在渲染过程中使用的每一个 ref。原创 2024-06-30 22:28:02 · 1131 阅读 · 0 评论 -
vue中【事件修饰符号】详解
vue中【事件修饰符号】详解原创 2024-06-30 22:08:25 · 416 阅读 · 0 评论 -
Vue CLI VS Vite
vue cli 、vite、webpack......原创 2024-06-27 15:23:53 · 1598 阅读 · 0 评论 -
Vue中数组的【响应式】操作
Vue中数组的【响应式】操作,push()、pop()、shift()、unshift()、splice()、sort()、reverse()原创 2024-06-26 22:05:04 · 659 阅读 · 0 评论 -
Vue学习(薄弱部分)
函数是一个创建虚拟 DOM 树的强大工具,它允许你使用 JavaScript 直接编写组件的模板。尽管 Vue 的模板系统(基于 HTML 的模板)非常强大且易于使用,但在某些复杂或需要更高灵活性的情况下,使用。在没有用Vue-CLI脚手架构建项目时,我们直接引用的是全版的Vue.js库(即包括Vue核心和模板解析器)。data函数、methods中的函数、watch中的函数、computed中的函数它们的。data函数、methods中的函数、watch中的函数、computed中的函数它们的。原创 2024-06-16 15:44:26 · 1061 阅读 · 0 评论 -
【无标题】
插件自定义事件。原创 2024-06-15 19:15:12 · 229 阅读 · 0 评论 -
Vue待学习
Vue-router?Vue-Cli、Webpack和Node.JS?基础语法:自定义指令、Vue3语法。渲染函数render()?虚拟DOM VNode?若依框架+BPMN.js。原创 2024-06-14 22:43:41 · 438 阅读 · 0 评论 -
DOM操作
JavaScript 的 DOM (Document Object Model) API 提供了许多方法和属性,允许开发者与 HTML 和 XML 文档进行交互。DOM 将文档解析为一个由节点(如元素节点、文本节点、属性节点等)和对象组成的结构,使得开发者可以轻松地修改文档的内容和结构,以及响应用户的操作。原创 2024-06-12 19:05:08 · 277 阅读 · 0 评论 -
Javascript时间循环应用—nextTick()详解
nextTick是 Vue.js 提供的一个全局 API。了解nextTick可以帮助你更好地控制 DOM 更新的时机和顺序,避免在未更新的 DOM 上执行操作。原创 2024-06-11 09:44:14 · 421 阅读 · 0 评论 -
require.context()函数介绍
是一个非常强大的工具,可以在 Vue 项目中简化模块的导入和注册流程。通过动态加载模块,开发者可以减少重复代码,提高开发效率,特别是在大型项目中,自动化导入组件、路由和 Vuex 模块可以显著提升项目的可维护性和扩展性。原创 2024-06-10 21:43:43 · 589 阅读 · 0 评论 -
Vue中CSS动态样式绑定与注意事项
Vue中CSS动态样式绑定与注意事项原创 2024-05-13 10:23:09 · 701 阅读 · 0 评论 -
深入响应式与vue中异步更新队列
深入响应式与vue中异步更新队列原创 2024-05-12 12:25:13 · 1196 阅读 · 0 评论 -
【Vue基础】Vue在组件数据传递详解
在Vue中,组件之间的数据传递可以通过props、事件、Vuex、$emit和$refs等方式实现。原创 2024-05-11 20:18:56 · 1168 阅读 · 0 评论 -
从原型链视角解读VueComponent与Vue关系
从原型链视角解读VueComponent与Vue关系原创 2024-05-05 18:19:58 · 362 阅读 · 0 评论 -
虚拟DOM
亲手写一个虚拟DOM、DOM渲染和更新。2.数据:reactive,代理。新老VDOM对比(DIFF算法)1.编译模板:正则表达式。原创 2024-04-25 09:34:37 · 451 阅读 · 1 评论 -
BPMN.JS中文教程学习
BPMN.js最全文档学习原创 2024-04-10 17:12:13 · 1852 阅读 · 2 评论 -
BPMN.JS及其常见API[算得上很全啦]
BPMN.js中相关概念和API详解原创 2024-04-09 17:10:45 · 2139 阅读 · 0 评论 -
Vue中watch与计算属性computed
vue中watch和computed原创 2024-04-07 20:18:42 · 836 阅读 · 0 评论 -
Ruoyi若依框架下载流程详细解读(SpringBoot-Vue)
Ruoyi若依框架下载流程详细解读(SpringBoot-Vue)原创 2024-03-25 23:18:53 · 3613 阅读 · 0 评论 -
VueX详解
通过学习Vuex的核心概念(state、mutations、actions、getters),你可以更好地组织和管理应用程序的状态。Vuex 允许我们将 store 分割成模块(modules),每个模块拥有自己的 state、getters、mutations 和 actions。:Vuex 使用单一状态树,即在一个对象中包含了全部应用层级的状态,这样可以方便进行状态的管理和维护。State 是存储数据的地方。,接收的第一个参数是模块的局部状态,对于模块内部的 getter,根节点状态会作为。原创 2024-03-14 22:52:44 · 1045 阅读 · 0 评论 -
Vue组件式API(待完善)
原创 2024-03-14 22:26:54 · 331 阅读 · 0 评论 -
Vue路由详解
beforeRouteEnter因为触发的时候vue实例还没有创建,所以这个钩子函数中不能使用this,而beforeRouteUpdate和beforeRouteLeave都是可以访问到实例的,因为当这两个函数触发的时候实例都已经被创建了;Vue Router 提供了导航守卫(Navigation Guards),允许你在路由发生变化时执行一些逻辑,比如在进入页面之前进行身份验证,或在离开页面时进行确认操作。在Vue.js中,你可以使用路由的懒加载功能来提前预加载其他页面的业务。方法来实现页面的跳转。原创 2024-03-13 23:12:49 · 1453 阅读 · 0 评论 -
vue中在其他页面能提前预先加载另外页面的业务吗
手动触发加载:你可以在适当的时机手动触发加载其他页面的组件或业务逻辑。例如,在用户访问某个页面之前,你可以使用import()动态导入其他页面的组件,从而触发其加载。在Vue.js中,你可以使用路由的懒加载功能来提前预加载其他页面的业务。懒加载允许你按需加载页面组件,这意味着当用户导航到某个页面时才会加载该页面的相关代码。你可以在这些钩子函数中加载其他页面所需的数据或执行其他逻辑,从而实现预加载。// 在需要的地方手动触发加载其他页面的组件或业务逻辑。// 使用动态导入来加载其他页面的组件或业务逻辑。原创 2024-03-12 17:03:38 · 1225 阅读 · 0 评论 -
1.解决父组件传数据给子组件太慢,导致子组件获取不到合适数据渲染出错问题2.vue中props传递异步数据,子组件用watch监听
vue中props传递异步数据,子组件用watch监听原创 2023-12-26 20:10:49 · 861 阅读 · 0 评论