vue.js
前端摸鱼仔
这个作者很懒,什么都没留下…
展开
-
vue插件开发之保姆级教程
创建项目vue init webpack-simple projectName下载依赖执行 npm install新增插件文件在src目录下新增lib文件夹,然后新增以下2个文件:index.vue,index.js如果打包时需要独立的css文件,那么还需要新增 index.scss文件(注意类名的冲突)添加完成之后目录结构如下:插件内容index.vue内容如下:<template> <div class="text" v-click="myclick"&g原创 2022-04-19 17:31:14 · 2221 阅读 · 0 评论 -
vue满足后订阅也能监听发布的模式
1. Event.jsvar Event = (function() { var clientList = {}; var triList = {}; var listen; var trigger; var remove; listen = function(key, fn) { if (!clientList[key]) { clientList[key] = []; } clie原创 2021-07-30 17:20:55 · 180 阅读 · 0 评论 -
vue中将链接转二维码图片,2张图合成为1张图
1.将链接转为二维码图片首先,下载插件:npm install qrcodejs2 --savehtml代码如下: <div ref="qrcode" style="display: none;" />js代码如下:new QRCode(this.$refs.qrcode, { width: 100, // 设置宽度,单位像素 height: 100, // 设置高度,单位像素 text: link // 需要转换为二维码图片的链接});2.2张图合成为1张图htm原创 2021-07-30 17:03:57 · 724 阅读 · 0 评论 -
vue.js---父子组件之间简单的数据传递
入口文件不给了,直接上简单的代码:parent.vue<template> <div class="parent"> <input v-model="num" type="text"/> <!--给子组件发送数据 --> <Son @sendMsg="原创 2018-03-09 21:07:30 · 445 阅读 · 0 评论