![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
假装是个web狗
伪web,不定期更新
展开
-
关于uinapp 调用PDA设备激光扫码 - 广播模式
不是所有的PAD设备 都有设置-扫描设置-然后选择广播模式(查看广播动作-广播标签),可能也是在pad设备自带扫描工具(app)参数设置里面–然后选择广播模式(查看广播动作/名称-广播标签/键值/key)** 3.** 调用。原创 2023-02-22 09:44:33 · 3085 阅读 · 1 评论 -
Element Plus
官网地址:https://element-plus.gitee.io/#/zh-CN/component/changelog原创 2020-12-02 18:36:03 · 5800 阅读 · 0 评论 -
vue3.0学习记录和实战项目
vue3.0+TS+antd vue前言安装目前的了解(值得注意的新特性)this指向的变化2.x vs 3.0 钩子函数setuprefisRefreactiveisReactivetoRefswatch 响应式更改项目登录页面项目地址前言在掘金上摸鱼看到了“一个基于vue3+vite+ts的完整项目”的文章,好了我也要开始搞一搞vue3.0,反正最近打算搞个新项目,干脆就用新的;于是开始摸鱼看文章了,现在也很多关于3.0的文章看看,(学习中,不对的,欢迎纠正)文档:.官方(应该是吧)安装原创 2020-10-31 18:21:57 · 5044 阅读 · 4 评论 -
vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目vue3.0+TS+AntDesignVue项目vite初始化vite项目配置项目配置typescript配置Vue Router配置Vuex配置Ant Design Vuevue3.0+TS+AntDesignVue项目vitevite是尤大大在今年新鼓捣出来的一个工具为什么尤大大要推出vite,在使用webpack的时候,每次开发启动项目都比较慢,而且热更新也比较慢,而vite的主要特点就是快,官网对于vite的特点是这样描述的1、快速的冷启动2、即时的模块热原创 2020-10-16 18:42:41 · 6753 阅读 · 0 评论 -
Vue2.0+ ts(TypeScript)常用装饰器
装饰器 一、前言二、装饰器三、常用装饰器使用方式1、@Component 和 @Prop 装饰器2、@Emit 装饰器3、@Model 装饰器4、@Watch 装饰器5、@Provide 装饰器 和 @Inject 装饰器6、@PropSync一、前言在构建完项目之后,上一篇构建地址 ,打开src/components/HelloWorld.vue,将会发现写法已大有不同,如图看到上面代码引入了vue-property-decorator 它是依赖于 vue-class-componentIns原创 2020-09-24 17:53:37 · 4136 阅读 · 2 评论 -
vue cli4 安装及构建(vue+ts)项目目录
vue cli4 安装及构建项目目录环境需求安装vue cli创建一个项目环境需求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。本机电脑node 版本 14.11.0 (使用的是nvm 管理的node版本)安装vue cli可以使用下列任一命令安装这个新的包: npm install -g @vue/cli yarn global add @vue/cli查看安装版原创 2020-09-16 18:42:10 · 1195 阅读 · 1 评论 -
vue知识点总结
1.vue是怎么实现数据的双向绑定的;采用数据劫持结合发布者-订阅者模式,通过object.defineproperty来劫持个属性的setter、getterl,来触发回到函数的2.Js 如何实现数据双向绑定?//Html<body><div id=”app”><input type=”text” id=”test”/><p id=”show”></p></div></body>//js<s原创 2020-08-20 16:16:47 · 224 阅读 · 0 评论 -
vue编写嵌套树状结构导航组件
这里我就直接贴代码了,里面有一点点备注,哈哈哈<template> <div> <div v-for="item in dataList"> <div class="tree-row" :class="selectTreeItem==item.id?'active-row':''" @click="clickItem(item.id,item.queryData)" >原创 2020-06-12 20:01:53 · 507 阅读 · 0 评论 -
vue实现五子棋
思路1.vue实现五子棋空棋盘开局。 画网格:网格有 15 行 15 列,共有 225 个交叉点黑先、白后,交替下子,每次只能下一子胜负判定 按照简单的规则,从当前下子点位的方向判断()。如果有一个方向满足连续5个黑子或白子,游戏结束。2.支持dom和canvas切换判断浏览器是否支持canvas: false: 不支持 切换dom方式 true: 支持 使用canvas3.实现悔棋功能4.实现撤销悔棋例子:为了简便,我就把所有写在一起了,按理来说是要分文件原创 2020-05-27 17:53:08 · 1956 阅读 · 0 评论 -
vue的自定义指令与实例
前言写这篇的原因来源于面试题,具体内容可参考官方文档简介vue 除了核心功能默认内置的指令(v-if,v-model,v-show…)之外,还可以自定义自己需要的指令进行复用,对普通 DOM 元素进行底层操作;你可以注册全局指令(Vue.directive( id, [definition] ))和局部指令(Vue实例中添加 directives 对象 数据注册局部自定义指令),这点和组件一样。钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑原创 2020-05-14 19:23:00 · 386 阅读 · 0 评论 -
vue双向绑定原理:Object.defineProperty
vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Object.definePropert...原创 2020-04-29 10:56:58 · 401 阅读 · 0 评论 -
echarts 不规则自定义custom 系列(vue 组件)
1.定义容器<div ref="canvas"></div>2.代码 props: { seriesData: [Array, Object, String], // 主要显示的数据 ySplintLine: { type: Boolean, default: false }, // 是否显示...原创 2020-04-27 17:27:34 · 4357 阅读 · 10 评论 -
vue 封装组件 (例子table组件)
封装组件的步骤 建立组件的模板,先把架子搭起来,写写样式,考虑好组件的基本逻辑。 准备好组件的数据输入。即分析好逻辑,定好 props 里面的数据、类型。(后面详解) 准备好组件的数据输出。即根据组件逻辑,做好要暴露出来的方法。(后面详解) 封装完毕了,直接调用即可。我写table组件的思路:1.样式定义内容间距(innerSpacing):big(16p...原创 2020-04-28 11:14:40 · 6654 阅读 · 0 评论 -
vue 跑马灯效果
业务逻辑逻辑1.给按钮绑定事件2.在按钮事件处理函数中,写相关的业务逻辑:拿到msg 字符串,然后调用字符串中的sbustring 来进行字符串的截取操作,把第一个字符截取出来,放在最后一个位子3.为了实现点击按钮,自动截取的功能需要把2.步骤中的代码放在一个定时器中4.点击停止,停止定时器初始化 开始跑下面是源码:<!DOCTYPE html><html&g...原创 2019-05-27 11:00:53 · 1214 阅读 · 0 评论 -
vue简易计算器代码
主要v-model 的应用(双向数据绑定:只考虑数据变化,不考虑试图的重新渲染)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易计算器实现</title> <!-- 导入vue.js 2.6.10--> <sc...原创 2019-05-27 13:40:11 · 1935 阅读 · 1 评论 -
vue 过滤器的基本使用
vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:" | "过滤器filter 调用时候的格式 {{ message | capitalize }}这是过滤器的语法: Vue.filter(‘过滤器的名称...原创 2019-05-28 09:53:38 · 385 阅读 · 0 评论 -
vue组件基础、组件通信与实例创建
一、基础定义 vue组件 <div id="app"> <mycom-one></mycom-one> </div> <div id="app2"> <my-h2></my-h2> </div> <!-- -******* 3. *********------...原创 2019-05-31 19:54:30 · 246 阅读 · 0 评论 -
vue 组件与路由的简单应用
导入1、vue.js 2.6.102、bootstrap3.7.css3、vue-router.js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>router</title> <link rel = "stylesheet"...原创 2019-06-01 16:51:55 · 139 阅读 · 0 评论 -
watch computed 和 methods 之间的对比
//watch computed 和 methods 之间的对比1.computed :属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要是当属性使用,2.methods :方法表示一个具体的操作,主要书写业务逻辑3.watch : 一个对象,键是需要观察的表达式,值是对应回调函数,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作;可以看做是computed 和me...原创 2019-06-03 16:25:57 · 192 阅读 · 0 评论 -
Vue 自定义指令
1. Vue 允许注册自定义指令除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意, 在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。聚焦输入框的例子(code)—全局自定义<div id="app"> <p>页面载入时,...原创 2019-07-17 08:09:07 · 128 阅读 · 0 评论 -
hbuilder 创建 vue cli项目npm run dev报错解决方式
用hbuilder 创建好项目,准备运行,但是报错原因据说是缺少依赖;所以需要初始化项目第一个方法是:1、vue init webpack -g (按步骤创建项目就行)第二个方法据说是 (我没试) npm run build npm run serve ...原创 2019-07-25 15:33:18 · 3170 阅读 · 1 评论 -
vue单文件组件编写应用
这个弹窗实例是基于element ui 写的(根据自己情况写就好)1.首先根据自己的需求把需要的组件样式想好或者编辑好2.然后看有哪些需要传的参数,改成动态的<template> <el-row :style="style" class="formate-border"> <span class="detail-part-title">...原创 2019-08-08 10:35:36 · 203 阅读 · 0 评论 -
vue 简单todo list 代码
源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>这是一个的实例</title> <style> li{margin-bottom: 1rem;} .check{color: darkgray;text-decor...原创 2019-05-24 11:52:51 · 171 阅读 · 0 评论