![](https://img-blog.csdnimg.cn/c43a6257cc7b4bbeb46d4e57ecd7ce66.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 64
关于Vue框架的知识以及工作中遇到的问题记录
Echo___Echo
为什么天南地北不能互相体谅
展开
-
爬坑日记--输入框回车自动刷新页面问题
表单 输入框回车自动刷新页面原创 2022-10-24 23:24:09 · 320 阅读 · 1 评论 -
Vue 引入腾讯地图 API 与实际应用保姆级分享
腾讯地图原创 2022-09-14 16:00:12 · 3192 阅读 · 4 评论 -
封装 Anchors 锚点组件
背景:需求是页面要加一个锚点功能用户通过点击快速定位到指定位置,同时页面增加滚到监听功能,动态激活锚点先上效果图解题思路1 实现点击锚点,页面滑动到指定范围2 页面滚到增加监听事件,判断当前出去那个锚点区域,对应锚点置为激活状态Let’s do it!!!1.实现点击锚点,页面滑动到指定范围实现步骤:step1: 在锚点组件点击对应锚点,获取到是第 n 个锚点被点击了,获取对应 dom 元素step2: 需要滚动得高度 = 获取到第 n 个锚点所在父容器得位置 + 页面卷起来得.原创 2021-11-10 17:01:53 · 1258 阅读 · 1 评论 -
Vue 实现 codeMirror 结合 sql-formatter 实现 sql 高亮及格式化
Vue 实现 codeMirror 结合 sql-formatter 实现 sql 高亮及格式化背景:需求是页面渲染一个类似 SQL 编辑器的功能,需要支持关键字高亮以及格式化功能由于之前做过一个小 demo,接触过codeMirror,手到擒来,先在项目中引入 codeMirror 实现编辑器的功能npm 安装 vue-codemirror 插件npm install vue-codemirror --save在项目中引入 vue-codemirror官网上有引入方式请参考官网原创 2021-10-24 15:18:17 · 4327 阅读 · 4 评论 -
Vue生命周期钩子函数理解与使用场景
Vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。那我们来演示一下在一个 Vue 实例从初始化到渲染以及最终销毁这一系列变化中,数据以及挂载的实例都经历了什么变化<!DOCTYPE html><html> <head> <meta原创 2021-04-29 10:24:18 · 1504 阅读 · 0 评论 -
Vue组件间相互通信(一)
父组件向子组件传值流程:1、父组件中引入子组件2、在父组件中通过v-bind绑定属性3、子组件中通过props获取到父组件传递的值父组件<template> <div class='father' id="app"> <input type="text" v-model="fathermsg"> <h3>这里是爸爸&l...原创 2019-10-09 15:59:25 · 1007 阅读 · 0 评论