Vue中通过Vue.extend动态创建实例 在Vue中,如果我们想要动态地来控制一个组件的显示和隐藏,比如通过点击按钮显示一个对话框或者弹出一条信息。我们通常会提前写好这个组件,然后通过v-if = “show”来控制…
分类:vue.js教程
深入Vue.js从源码开始(二)
从入口开始 我们之前提到过 Vue.js 构建过程,在 web 应用下,我们来分析 Runtime + Compiler 构建出来的 Vue.js,它的入口是 src/platforms/web/entry-runtim…
vue路由传值params和query的区别
vue路由传值params和query的区别 > 1.query传参和接收参数 > 传参: this.$router.push({ path:'/xxx' query:{ id:id } }) > 接收…
SMTC:Vue Single Js Component Manager
前言 Vue 的单文件组件(Single File Component)看着十分诱人,But 必须要上 webpack心有不甘,捣腾一番就有了这个 Vcm (Vue Single Js Component Manager…
vue cli 3.x 生产环境去除console采坑记
vue-cli 3.x 移除console总结 使用 uglifyjs-webpack-plugin 插件 配置如下: // vue.config.js const UglifyJsPlugin = require("u…
vue中 iview的upload上传图片 获取本地图片绝对路径 在前端实现图片预览
在用iview的upload上传图片的时候,想要实现图片的预览。 但是在iview给的例子中,是每上传一个图片触发一次上传事件,调一次接口,后台将图片存入数据库,再回传给前端,这样实现图片在前端的显示。这个方法对于上传多…
uni-app官方教程学习手记
本人微信公众号: 前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hello示例教程。经过一番努力,在云端打包成功了…
造轮子:写vue组件库orange-ui
项目搭建 项目效果地址 项目搭建参考 从零开始搭建 Vue 组件库 VV-UI 项目地址 记录模仿 VV-UI 组件库造轮子中遇到的问题,以及解决方案 新建项目 对于脚手架环境的问题,目前已经有非常成熟的 vue 官方的…
一次项目中的验签加密的一些坑(主要是数据格式问题)
最近接手了一个项目是一个比较完整的项目了 我需要进行改造 是基于vuecli3.0+webpack开发的u其中有一个功能就是我们每个请求都要进行一次验签 就是取一些字符串进行加密 并将验签加入请求头中 后台也用相同的算法…
Vue源码之实例方法
个人博客地址在 Vue 内部,有一段这样的代码: import { initMixin } from './init' import { stateMixin } from './state' import { rend…
如何在 Vue 项目中发送 jsonp 请求
起因 公司临时要支撑河南的一个项目,做一个单点登录的功能。 简单来说,就是以下👇👇👇3步 客户方点击某个按钮进入我们的页面a 在页面a中由前端发送一个jsonp请求到客户方…
vue-music:歌词高亮滚动
需求:获取歌词后,按照UI设计,歌词高亮滚动,同时,当滚动到index=5的时候,不再向下滚动,直接高亮 1.html部分 歌词滚动:scroll组件 高亮显示当前歌词:currentLineNum设置一个class &…