快 有时候懒的把一些通用组件写到template里面去,而业务中又需要用到,比如表示loading状态这样组件。 如果是这样的组件,可以选择把组件手动初始化,让组件在整个app生命周期中始终保持活跃。 如: // a.j…
分类:vue.js教程
vue使用原生js实现滚动页面跟踪导航高亮
需要使用vue做一个专题页面。 滚动页面指定区域导航高亮。 监听滚动页面事件,对比当前页面的位置与元素的位置,如果当前滚动的区域位置大于元素的位置,导航添加class,其他去掉class进行样式切换。 我使用的方法是在定…
浅析Vue响应式原理(二)
Vue响应式原理之Observer 之前简单介绍了Dep和Watcher类的代码和作用,现在来介绍一下Observer类和set/get。在Vue实例后再添加响应式数据时需要借助Vue.set/vm.$set方法,这两个…
Vue调试神器之Vue.js devTools
Vue项目中使用Vue.js devTools这款调试神器,可以极大程度的提高我们的开发效率。 安装 1、打开Chrome网上应用商店安装插件(自墙),直接搜索devTools安装即可。贵宾传送阵,请戳这里→Chrome…
vue + html 编写仿element select 多选组件
现在做vue项目主要用的ui框架差不多都是elementui,但是每个项目设计的不同难免和element组件产生差异甚至是大不相同,有的时候差异少比如页面样式不太相同,功能使用完全一样的话,这样改改样式就可以了,但是要大…
自定义单选框样式以及获取单选框的选中状态
一、用户可选择微信支付或者支付宝支付 <div class="checkbox"> <input @click="getPayType" class="choose" id="wechat" name=…
vue模块拖拽效果实现
正巧在之前面试中遇到问实现拖拽效果 当时面试的时候简单回答了实现的方式与逻辑。 现在闲来无事,把这个东西实现了一下。 原理很简单,写的很方便。 数据驱动,建立一个数组,数组初始长度为1 拖动触发时,添加一个对象到数组中,…
微信小程序请求封装(request)
开始写小程序的时候对小程序请求接口的requestAPI相当无奈,因为项目急就没考虑那么多,直接开干。后边闲下来就考虑了一下做了一个封装,来统一做一些数据处理,达到减轻开发重复性,优化代码的作用: 首先我封装了一个类: …
vue-router 基础知识点
vue-router 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的…
[Vue CLI 3] 插件开发系列之 vconsole
如何编写一个基于 vue-cli 3 插件机制的 vconsole 插件 首先,创建一个文件夹 vue-cli-plugin-vconsole,新建一个 index.js,外层结构多是固定的: module.export…
基于SpringCloud+vue(ElementUI)+mySQL前后端分离设计之--搭建eureka注册中心
开发一个博客系统 文章数:菜单文章都没更新完搭建eureka注册中心 (本文)https://segmentfault.com/a/11…搭建Beans编写Token解析注解 https://segmentf…
去除富文本中的html标签及vue、react、微信小程序中的过滤器
在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容;然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过 1.富文本去除html标签 去除html标签及 …