vue组件

Vue 项目中使用 reCAPTCHA 人机验证服务

/public/index.html中添加下面这段代码：这里需要说明一下，在中国请用www.recaptcha.net替换www.google.com：点击复选框来验证创建一个vue组件，完整代码如下：
Hookin.·2020-08-24 18:41

vue组件的change回调如何在使用自定义传参的条件下保留默认传参

vue项目经常使用到input、select组件，组件再带的change等事件会提供默认传参，不覆盖默认传参的情况下要传入自定义参数有一下两种方法：方法名(assembles,'自定义参数')">//assembles可以为任意名
__浩·2020-08-24 17:53

tinymce-vue自定义图片上传插件，且在插件中调用vue组件

先讲一个这个关于图片上传的需求：在点击菜单栏的插入图片，要弹出一个我们自定义的vue组件点击图片上传后要将图片插入
零信号·2020-08-24 17:28

详解Vuex常见问题、深入理解Vuex

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。
weixin_33720452·2020-08-24 17:12

better-scroll进行简易封装成Vue组件

自定义组件结构@better-scroll-vue/index.vuetemplatescriptimportBScrollfrom"@better-scroll/core";exportdefault{//需要引入哪些better-scroll配置选项props:["click","scrollX","scrollY"],data:()=>({options:{//默认BScroll配置}}),
Mr_mao·2020-08-24 17:35

Vue组件之间的传值

一、父传子1.父传值1.1父组件自定义一个数据（例如：ftosValue)1.2通过自定义属性的方式将ftosValue传给子组件2.子接值2.1通过特定属性：props来进行接收2.2直接以属性的方式来使用参数{{ftos}}二、子传父1.子传值1.1子组件中定义一个数据（例如：stof）1.2通过自定义事件的方式将stof传给父组件（格式：this.$emit('事件名',参数）this.$e
前端小菜鸡·2020-08-24 16:40

Vue如何使用混合Mixins和插件开发

官网：混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
vipbic·2020-08-24 16:20

使用 Karma 做 vue 组件单元测试

单元测试也可以整体上提升我们的代码质量，这里介绍下VUE组件的单元测试。
tanglijun·2020-08-24 16:32

vue-cli3携手rollup、github-actions打造自动部署的vue组件模板（使用篇）

前言旨在让开发者在开发时拥有享受组件开发一个长得还不错的demorollup类库打包工具对代码的抚摸eslint代码风格检查、自动格式化带来的快感github-actions把demo自动部署到gh-pages身上的一条龙服务。(接下来，我们携手...)进入正题假设项目经理提了个需求：要开发一个组件，名叫chaste-component。准备工作克隆项目gitclonehttps://github
blryli·2020-08-24 16:56

VuePress window document is not defined

自然就需要引入组件库，引入组件库后编写文档正常使用没有问题，但是在build的时候就出麻烦了...问题问题一ReferenceError:documentisnotdefined出现这个问题的原因是我在编写vue
_____·2020-08-24 16:37

Vue Element UI Table 表自动生成 Table 表封装 2.0（详细教程）

table表头自定义table权限自定义字段是否必须自定义是否自动分页自定义日期格式监听发送权限操作返回调用者信息table数据可视化面板入门必读Vuehttp请求封装包ElementUITable分页教程Vue
Forever·2020-08-24 15:36

Cat-Table-Select 基于Vue+Element的表格选择器

Cat-Table-Select基于Vue+Element的表格选择器基于Element的Vue组件(Vue.js2.x)cat-table-selectGithub地址前言之前自己动手做了个基于Element
究极死胖兽·2020-08-24 15:31

vcc-validate是Vue.js的基于模板的验证框架，vue 验证框架(库)里做最好的!!!

您可以验证HTML5输入以及自定义Vue组件.查看快速开始了解详情.特性对Vue.js进行简单，轻量级的基于模型的验证容易使用并且轻量(<10kBgzipped)丰富的API,兼容IE10+
dev_zl·2020-08-24 15:44

记一个复杂组件（Filter）的从设计到开发

此文前端框架使用rax，全篇代码暂未开源（待开源）原文链接地址：Nealyang/PersonalBlog前言貌似在面试中，你如果设计一个react/vue组件，貌似已经是司空见惯的问题了。
isNealyang·2020-08-24 15:18

VUE组件间的通信

前言一般来说，组件可以有以下几种关系：#1.父子组件之间的通信在Vue.js中，父子组件的关系可以总结为propsdown,eventsup。父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。看看它们是怎么工作的。#1.1父组件到子组件使用props传递数据prop是父组件用来传递数据的一个自定义属性。子组件需要显式地用props选项声明“prop”：Vue.com
ChrisCheng0821·2020-08-24 15:50

开发vue组件库

1、创建项目基于vue-cli脚手架，创建一套vue代码。vuecreateproject-name创建完成，且能运行后，删除多余的文件清空components文件夹views文件夹下，只留下Home.vue文件，这个文件，用来测试我们开发好的组件，将Home.vue文件内容修改为：UI组件库示例exportdefault{name:"Home",components:{}};删除多余的route
问上·2020-08-24 15:14

vue组件-懒加载

一、什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时三、如何与webpack配合实现组件懒加载1、在webpack配
亲爱的阿乾·2020-08-24 15:33

vue 手写一个时间选择器

最近研究了DatePicker的实现原理后做了一个vue的DatePicker组件，今天带大家一步一步实现DatePicker的vue组件。
suporka·2020-08-24 14:38

在腾讯出差的日子

都被称为架构师，或许真的很牛吧，中间还经历了下他们的20周年庆，送了宝宝们一本书，其内容就是讲些员工光辉事迹和公司历程，之所以说苦不是环境，而是工作时间，感觉很漫长……废话不多说了，说下他们内部开发的有点坑的QCvue
fx_small·2020-08-24 14:55

Vue-组件详解

组件详解组件与复用Vue组件需要注册后才可以使用。注册有全局注册和局部注册两种方式。
whjin·2020-08-24 14:47

基于手淘 flexible 的 Vue 组件：Toast -- 显示框

vue-flexible-components基于手淘flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2020-08-24 14:19

基于手淘 flexible 的 Vue 组件：TextScroll -- 文字滚动

vue-flexible-components基于手淘flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2020-08-24 14:38

LeanCloud带图形校验码的短信发送Vue组件开发

有15万开发者使用LeanCloud服务，其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用，LeanCloud提供了数据存储、即时消息……等一站式服务，并从常用的用户管理需求出发，提供了邮箱验证、短信验证……等用户账户相关的服务。为防止攻击者恶意发送海量短信造成用户账户损失并影响正常业务，LeanCloud推出了免费图形校验码服务，并且可以在应用设置中设置“强制短信验证服务使用图形校验码”。Vue是
KingMario·2020-08-24 14:38

Vue组件

组件系统组件可以扩展HTML元素，封装可重用的代码。vue.js的核心组件：模板（template）——模板声明了数据和最终展现给用户的DOM之间的映射关系。初始数据（data）——一个组件的初始数据状态。对于可复用的组件来说，通常是私有的状态。接受的外部参数（props）——组件之间通过参数来进行数据的传递和共享。参数默认是单向绑定（由上至下），但也可以显式声明为双向绑定。方法（methods）
whjin·2020-08-24 13:27

Vue组件使用基础

这篇博文用来记录.vue组件的使用方法。可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。
whjin·2020-08-24 13:50

一个vue2的多色图标方案：vue-svg-icon

示例:https://cenkai88.github.io/vu...项目地址:https://github.com/cenkai88/v...求star～～个人的第一个vue组件，希望大家多多支持啦～
cenkai88·2020-08-24 13:31

源码解析 —— Vue的响应式数据流

我觉得Vue/React有以下几点优势首先它们都有完整的组件化方案virtualDom（前端性能提升利器）成熟的社区生态介绍一个Vue例子上面的例子我们初始化了一个vue组件，当我们改变这个组件的状态时
kukuv2·2020-08-24 13:18

vue组件库创建、发布、测试

基于vue-cli3.0工程的组件库，纯干货，不深究理论，作为学习笔记，持续更新步骤1.创建本地项目2.修改配置3.编写组件、调用4.npm发布5.测试6.上传git、关联github（可选）1.创建本地项目初始化本地项目npminstall-g@vue/clivuecreate项目名称调整目录结构创建完成后，查看一下工程结构，标准的vue工程目录，我们需要对目录进行改造，以方便适应我们的组件库的
金馆长v·2020-08-24 13:39

vue组件系列－Tags input

前言最近做后台系统的组件化开发，借机和@二胖手同学一起开发了一个基于vue的开源组件库，方便后期使用，目前该项目正在持续开发中。介绍大家可能遇到过一种需求，让用户输入以某个特殊字符分隔的字符串，如java,php就是以西文逗号分隔，这种输入需要用户自行添加内容之间的特殊分隔符，其实完全可以换用一种用户体验更好的方式解决。不知道大家管下面这种叫什么，我称之为Tagsinput。其实，当大家在SF写文
BingqiChen·2020-08-24 13:11

vuex踩坑记-注入store过程中vue文件报错store is not define,state is not define..各种undefine

先直接贴上注入store的正确操作一、引入store到vue组件中（1）store.jsimportVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);conststate
ProgrammarQin·2020-08-24 13:10

Vue知识点梳理-思维导图

Vue知识点梳理-思维导图0.MVC与MVVM的区别1.Vue基本代码结构2.Vue指令3.Vue组件4.class和style动态绑定5.computed计算属性6.EventBus7.filter过滤器方法
seven豆·2020-08-24 13:37

Vue混入

Vue混入混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
ChangLau·2020-08-24 12:46

从零开始搭建Vue组件库

hao-UI是一款基于Vuecli2x脚手架搭建的vue组件库，在学习借鉴element-uivv-ui等成熟架构后搭建了自己的前端UI组件库，用于学习欢迎大家start，站点内有笔记可供大家参考https
mrhaoxiaojun·2020-08-24 12:18

VSCode插件安装完成后的配置(常用配置)

Vue组件安装完成后的配置，具体内容如下所示：VSCode插件安装完成后，有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置，接下来是我常用的一些配置{"workbench.iconTheme
·2020-08-24 10:24

CSS如何实现内凹角效果 By 大漠

我也尝试着借助Vue的能力，把这种效果构建成一个Vue组件。我把这种效果定义为外切口。而今天将要聊的是与其刚好相反的一个效果：CSS如何实现内凹角的效果。>>>阅读原文
倔强_beaf·2020-08-24 07:13

26、有赞Vant组件库的引入及轮播图片预览的实现①

前言：看了一下移动端比较流行的几个vue组件库如：mintui、vux（vux比较适合做微信网页开发如微商城）等等，最后还是选择了用有赞的Vant组件库，因为Vant组件库还是比较符合我们这个商城项目的业务场景的
weixin_34233421·2020-08-24 07:16

前端导出word（包含图表）

看到的大神可以留言提出改进的方法代码如下：canvas转图片用的是html2canvas插件Install：npminstallhtml2canvasuse:importhtml2canvasfrom‘html2canvas’;vue
爱吃火腿的子车鸿轩·2020-08-24 03:59

Vue Element UI Table 表自动生成 Table 表封装 2.0（详细教程）

table表头自定义table权限自定义字段是否必须自定义是否自动分页自定义日期格式监听发送权限操作返回调用者信息table数据可视化面板入门必读Vuehttp请求封装包ElementUITable分页教程Vue
Forever·2020-08-24 03:33

vue开发：动态缓存组件—动态应用keep-alive

mounted，而再次返回A组件时只会执行activated，如果你想每次进入A组件都做一些事情的话，你可以放在activated里面2.使用include和exclude的时候，必须给所有路由管理起来的vue
哇塞的王胖子·2020-08-23 22:49

Vue组件中的data必须是一个function

组件可以有自己的data，并且data必须是一个function。在下面这个例子中，data返回了一个在外部定义的对象。并且这个组件在页面中使用了3次，点击+1时出现了如下情况：data中的count属性影响到了所有实例。#app{margin:20px;}{{count}}vardataObj={count:0}//这是一个计数器组件,每当点击按钮,让data中的count值加1Vue.comp
北海之灵·2020-08-23 21:01

vue组件中data为什么是一个函数？

vue2.X组件中data为什么是一个函数？曾经的困惑，今天我就好好总结一下。在vue实例上data定义的是一个对象：newVue({el:'#blog-post-demo',data:{posts:[{id:1,title:'MyjourneywithVue'},{id:2,title:'BloggingwithVue'},{id:3,title:'WhyVueissofun'}]}})但是在v
时~枫·2020-08-23 21:26

为什么vue中data必须是函数

为什么vue中data必须是函数1.vue组件中data值不能为对象，因为对象是引用类型，组件可能会被多个实例同时引用。
甜岛和星·2020-08-23 21:23

vue组件的看法 和 作用

4、vue组件的特点：vue的组件是基于配置的，框架会自动生成构造函数，它基于vuecommpent这个类扩展自vue,在扩展
起个名字不容易啊·2020-08-23 21:12

vue中key的作用及其原理

key的作用是为了在diff算法执行时更快的找到对应的节点，提高diff速度key具有唯一性vue中循环需加:key=“唯一标识”，唯一标识可以使item里面idindex等，因为vue组件高度复用增加
起个名字不容易啊·2020-08-23 21:42

vue组件中data为什么是个函数

在vue的开发中，我们在组件中采用函数这种格式data(){return{}}在vue实例中采用的是对象这种格式data：{}那么为什么要在组件中采用函数的方式呢？首先组件是多次使用的，也就是复用。当我们多次调用一个组件，肯定不希望组件中数据是相互联通的。所以在此使用函数的方式return一个对象，这样每次调用组件返回的都是一个新的对象，对象所处的内存地址是不一样的，这样就可以避免在实际开发中数据
码龍到天亮·2020-08-23 21:41

Mint-UI时间组件起始时间可随意更改,n天后或者n月后

Mint-UI时间组件起始时间控制可计算结束日期为今天之后的n天或者n月,这是用于vue组件中1.vue中写入2.在methods写入调整天或者调整月的方法GetDay(day){vartime=newDate
小小迎·2020-08-23 21:09

Vue组件data选项为什么必须是个函数而Vue的根实例则没有此限制？

Vue组件data选项为什么必须是个函数而Vue的根实例则没有此限制？基本知识了解在解答这个问题之前，需要了解js的数据类型，即基本数据类型和引用数据类型的差异。
定栓·2020-08-23 21:30

vue组件中 data 为什么是一个函数

为什么组件中的data必须是一个函数，然后return一个对象，而newVue实例里，data可以直接是一个对象？//datadata(){return{message:"子组件",childName:this.name}}//newVuenewVue({el:'#app',router,template:'',components:{App}})因为组件是用来复用的，且JS里对象是引用关系，如果
路 西·2020-08-23 21:10

Vue组件data必须是函数的理解

我们先来看data的几种写法：1、varapp=newVue({el:'#app',data:{isLogin:false}})2、varapp=newVue({el:'#app',data:function(){return{isLogin:false}}})3、varapp=newVue({el:'#app',data(){return{isLogin:false}}})第三种是第二种的ES6
sMoom·2020-08-23 21:19

vue 中的data为什么一定是个函数

详细了解可以去vue的官方文档去看,网址:vue组件基础data必须是一个函数简单来说,如果不写成函数,data中的数据是全局可见的,就像官网里的例子所示,你点击最左边的按钮,理想中是只有这个按钮的数据增加了
小小少年eason·2020-08-23 21:44
上一页 90 91 92 93 94 95 96 97 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他