vue.js
关注
分享
扫一扫
假装是个web狗
伪web，不定期更新
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于uinapp 调用PDA设备激光扫码 - 广播模式
不是所有的PAD设备 都有设置-扫描设置-然后选择广播模式（查看广播动作-广播标签），可能也是在pad设备自带扫描工具（app）参数设置里面–然后选择广播模式（查看广播动作/名称-广播标签/键值/key）** 3.** 调用。原创 2023-02-22 09:44:33 · 4010 阅读 · 1 评论 -
Element Plus
官网地址：https://element-plus.gitee.io/#/zh-CN/component/changelog原创 2020-12-02 18:36:03 · 5870 阅读 · 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 · 5263 阅读 · 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 · 6942 阅读 · 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 · 4464 阅读 · 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 · 1278 阅读 · 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 · 274 阅读 · 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 · 650 阅读 · 0 评论 -
vue实现五子棋
思路1.vue实现五子棋空棋盘开局。 画网格：网格有 15 行 15 列，共有 225 个交叉点黑先、白后，交替下子，每次只能下一子胜负判定 按照简单的规则，从当前下子点位的方向判断()。如果有一个方向满足连续5个黑子或白子，游戏结束。2.支持dom和canvas切换判断浏览器是否支持canvas： false: 不支持 切换dom方式 true: 支持 使用canvas3.实现悔棋功能4.实现撤销悔棋例子：为了简便，我就把所有写在一起了，按理来说是要分文件原创 2020-05-27 17:53:08 · 2169 阅读 · 0 评论 -
vue的自定义指令与实例
前言写这篇的原因来源于面试题，具体内容可参考官方文档简介vue 除了核心功能默认内置的指令（v-if,v-model,v-show…）之外,还可以自定义自己需要的指令进行复用，对普通 DOM 元素进行底层操作；你可以注册全局指令（Vue.directive( id, [definition] )）和局部指令（Vue实例中添加 directives 对象 数据注册局部自定义指令），这点和组件一样。钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑原创 2020-05-14 19:23:00 · 453 阅读 · 0 评论 -
vue双向绑定原理：Object.defineProperty
vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项，Vue 将遍历此对象所有的 property，并使用Object.definePropert...原创 2020-04-29 10:56:58 · 494 阅读 · 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 · 4734 阅读 · 10 评论 -
vue 封装组件 （例子table组件）
封装组件的步骤 建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑。 准备好组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。(后面详解) 准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。（后面详解） 封装完毕了，直接调用即可。我写table组件的思路：1.样式定义内容间距(innerSpacing):big(16p...原创 2020-04-28 11:14:40 · 6847 阅读 · 0 评论 -
vue 跑马灯效果
业务逻辑逻辑1.给按钮绑定事件2.在按钮事件处理函数中，写相关的业务逻辑：拿到msg 字符串，然后调用字符串中的sbustring 来进行字符串的截取操作，把第一个字符截取出来，放在最后一个位子3.为了实现点击按钮，自动截取的功能需要把2.步骤中的代码放在一个定时器中4.点击停止，停止定时器初始化 开始跑下面是源码：<!DOCTYPE html><html&g...原创 2019-05-27 11:00:53 · 1269 阅读 · 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 · 2021 阅读 · 1 评论 -
vue 过滤器的基本使用
vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：" | "过滤器filter 调用时候的格式 {{ message | capitalize }}这是过滤器的语法： Vue.filter(‘过滤器的名称...原创 2019-05-28 09:53:38 · 423 阅读 · 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 · 309 阅读 · 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 · 186 阅读 · 0 评论 -
watch computed 和 methods 之间的对比
//watch computed 和 methods 之间的对比1.computed :属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要是当属性使用,2.methods :方法表示一个具体的操作，主要书写业务逻辑3.watch : 一个对象，键是需要观察的表达式，值是对应回调函数，主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看做是computed 和me...原创 2019-06-03 16:25:57 · 237 阅读 · 0 评论 -
Vue 自定义指令
1. Vue 允许注册自定义指令除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意， 在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。聚焦输入框的例子（code）—全局自定义<div id="app"> <p>页面载入时，...原创 2019-07-17 08:09:07 · 170 阅读 · 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 · 3383 阅读 · 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 · 265 阅读 · 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 · 215 阅读 · 0 评论