vue组件

在npm上发布自己的vue组件库（使用npm install 或者 CDN的方式引用）

在codepen上看到了一个好看的pen，于是把它重写成了一个vue的组件;为了能在其他地方使用该组件，准备创建一个自己的vue组件库发布到npm上;因为之前没有发布过，于是就先上网上搜索了一下教程个人主页原文链接主要是参考了一下这篇教程还有
pma934·2020-09-12 13:50

制作并发布一个Vue组件npm包

制作并发布一个Vue组件npm包本人以前从来没有发不过npm包，所以写此篇文章用来记录发布一个npm包的步骤，当然也借鉴了网友的操作步骤，此篇文章用来作为一个笔记记录。
guyue_01·2020-09-12 13:46

vue上传文件组件_用于文件上传的Vue组件

vue上传文件组件用于文件上传的Vue组件(AVuecomponentforfileuploads)AVue.jscomponentforDropzone.js-adrag’n’dropfileuploadsutilitywithimagepreviews.Dropzone.js
cuk5239·2020-09-12 12:39

私人tool.js

/assets/js/myTool'的方式引入，全局使用//在vue组件中使用的话，import'../..
简公孙策·2020-09-12 12:04

使用npm发布vue组件

如果没有全局安装vue的话，需要先安装cnpmi-g@vue/cli-init然后再初始化vue项目，我们要写的是一个简单的vue组件，不需要依赖那么多而庞大的
superKM·2020-09-12 12:19

vue小练习

这一次小练习主要复习了vue组件，自定义事件和watch属性监听方面的知识。
wz前端初学者·2020-09-12 11:51

uni-app中vue组件父子值传递

一、父组件向子组件传递数据(props)1.parentimportchildfrom"@/components/example/child.vue"exportdefault{components:{child:child},data(){return{parentData:'我是父组件中的数据',}}}2.child{{parentData}}exportdefault{data(){retu
CJW-Coder·2020-09-12 11:59

319、Vue学习笔记25 -【TypeScript 支持】 2020.04.20

0、目录1、发布为NPM包的官方声明文件2、推荐配置3、开发工具链3.1工程创建3.2编辑器支持4、基本用法5、基于类的Vue组件6、增强类型以配合插件使用7、标注返回值8、参考链接1、发布为NPM包的官方声明文件静态类型系统能帮助你有效防止许多潜在的运行时错误
youyouwuxin1234·2020-09-12 09:53

vue + element-ui + axios + webpack + mock.js项目构建（简书前端）

源码地址该项目为vue仿简书前端静态模板，功能：实现登陆，主页，详情等模块；公共：封装header组件，svg-icon加载组件等；解决问题：web基本的布局，静态图标加载，路由，webpack打包，vue
FBm2016·2020-09-12 08:47

for循环为什么要加key

vuefor循环为什么要加key，因为不加:key="标识符"时候，可能得到的结果不是自己想要的结果，并且有时候会报错哦vue中列表循环需加:key=“唯一标识”唯一标识可以是item里面idindex等，因为vue
在路上_a·2020-09-12 05:34

node服务器端使用session校验图形验证码时，遇到的跨域请求问题

127.0.0.1vue客户端的config>index.js中配置/api=http://localhost:3000src>api>index.js中配置基础路径不能直接写http://localhost:3000保证vue
JoZq·2020-09-12 05:17

从零开始徒手撸一个vue的toast弹窗组件

相信普通的vue组件大家都会写,定义->引入->注册->使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢?
weixin_33831673·2020-09-12 01:37

vue组件-移动端上下布局-顶部和底部固定，中间内容自定义

如图布局.container{height:100%;.section-box{overflow-y:scroll;}.header-container,footer-container{position:fixed;width:100%}.header-container{top:0}.footer-container{bottom:0;}}运用组件EVMobileTeamcontent内容fo
吃瓜群众欢乐多·2020-09-12 00:09

vue之，组件重新加载刷新

因业务需要，笔者需要做一个vue组件定时刷新重新加载的效果。以前做过一次，页面重新加载的效果，在app.vue内配置reload函数，在需要刷新的页面调用。
杰瑞是个胖子·2020-09-12 00:09

vue修改Element UI样式，样式穿透

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，在style标签上添加scoped属性，以表示它只属于当下的模块。
濮家大少·2020-09-12 00:30

Vue 知识总结

基于vue2+写一份知识总结，可以说是学习笔记目录：一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
indd·2020-09-12 00:17

【前端】Vue组件的生命周期及其通信

Vue中可以通过组件的方式来完成代码的管理编写，从而提升代码质量。组件是一个可以被反复使用的，带有指定的功能视图。组件的生命周期  组件的生命周期分为四个阶段：create，mount，update，destroy。前后解释执行次数beforeCreatecreated创建：初始化操作1beforeMountmounted挂载DOM树1beforeUpdateupdated数据更新，操作或逻辑判断
不开花的玫瑰·2020-09-12 00:31

vue组件实践-可搜索下拉框

一、效果二、组件代码dropdown.vue{{item.name}}{{nodatatext}}exportdefault{data(){return{datalist:[]}},props:{'show':{//用于外部控制组件的显示/隐藏type:Boolean,default:true},'itemlist':Array,'placeholder':String,'nodatatext':
deng_zhihao692817·2020-09-12 00:03

vue学习笔记

npmconfiggetregistryVUE组件说明：1.全局组件：写在newVue外面的组件例：Vue.Component('标签名'),
bajun3444570·2020-09-12 00:27

vue组件

组件的定义组件实质就是dom片段的封装，把dom片段转化为一个对象，在需要的地方引入，实现共享组件的简单定义Vue.component('btn',{template:template:`这是按钮`});定义一个组件名为btn，使用时当作普通的标签即可当然这里没有任何功能，只是简单的定义。但是从简单的定义中，了解到组件定义到使用的实现。组件注册使用是基于vue的component方法的；组件使用需
amber_2016·2020-09-12 00:52

JS-JS实现的VUE组件-城市列表

用JS实现的VUE组件城市列表基本思想是，将城市列表数据缓存在本地然后在页面上用JS实现即时模糊查询和首字母定位查询等为了保护项目，删除了部分代码效果实现H5：全国{{key}}{{i.Name}}定位
骏骨银蹄·2020-09-11 19:10

vue中引入背景图片（提示路径404）

在vue中直接引入背景图片，会报错（找不到路径）我们将路径放在data里，通过require将图片引入vue组件return{play:'url('+require('../..
前端修仙·2020-09-11 18:40

vue组件和iframe页面的相互传参问题

vue组件和iframe页面的相互传参问题目前网上大多关于iframe父子传参的博客都是在叙述父页面是html文件，子iframe文件也是html文件，涉及到父页面是vue组件子iframe页面是html
weixin_42108617·2020-09-11 17:47

vue 回到顶部效果

最终效果：回到顶部按钮BackToTop.vue组件：exportdefault{name:'BackToTop',//定义一些父组件的配置项props:{transitionName:{type:String
小羽向前跑·2020-09-11 17:11

vue 给嵌套的iframe子页面传数据 postMessage

Vue组件下嵌套了一个不同域下的子页面，iframe子页面不能直接获取到父页面的数据，即使数据存在localStorage中，子页面一样是获取不到的，所以只好使用postMessage传数据：父页面发送数据参数
weixin_30555125·2020-09-11 17:10

vue中对mixins的理解和使用的介绍

mixins是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
安静、认真听·2020-09-11 16:07

vue组件中如何给iframe标签中的img设置宽和高

这有一个iframe标签，src指向的是一个路径（图片路径）在浏览器上用审查元素看一下：1.iframe2.#document3.html4.head5.body6.body.img那么问题来了，怎么给iframe里边的img设置宽和高呢？letiframe=.document.getElementById(“preview”);//通过id找到想要元素letiwindow=iframe.cont
%乖囧猫%·2020-09-11 16:10

Vue组件的用法

Vue组件，可以分为全局组件和局部组件。全局组件是在使用Vue环境中的都可以使用，局部组件只有在该实例作用域下有效。关键字使用的是：component。
凡心所致·2020-09-11 15:43

uniapp解析富文本图片溢出,超出的问题

1、在App.vue组件中（h5），直接在App.vue修改即可：/*覆盖文本编辑器里面的图片的大小*/uni-rich-textimg{max-width:100%!
陈小白_weilin·2020-09-11 15:36

mixins简单使用

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

vue中通过iframe方式加载本地html

实现效果：如图所示：导航栏、按钮控件、评分控件都是通过vue组件组装实现。银河星图是通过ifame加载本地html实现的。实现思路：1、在src平级的文件目录下新建public文件夹2、在pu
慕容屠苏·2020-09-11 14:08

vue + element-ui 制作tab切换（切换vue组件，踩坑总结）

项目中用到了一个页面要实现tab切换实现报表展示，自行百度了一下；最后实现效果，在这里把步骤分享给大家！创建文件：tabZujian.vue                                                              importtabZujianChild1from'@/tabComponents/tabZujianChild1'importtabZ
Java杂记·2020-09-11 14:03

vue头像上传裁剪组件_一个漂亮的Vue组件，用于图像裁剪和上传

头像上传裁剪组件vue-image-crop-upload(vue-image-crop-upload)Abeautifulvuecomponentforimagecropandupload.一个漂亮的vue
cuk5239·2020-09-11 14:30

Electron使用指南——16搜索信息

搜索信息的思路：在/src/components/Header.vue组件里获取到用户从搜索框里的关键字(keyword)，保存在Store里，再做个getter,过滤items信息，修改Main.vue
千锋教育官方博客·2020-09-11 12:30

Kbone 基础——Vue + Kbone 实现 Todos App

目录下创建vue-todos项目vuecreatevue-todos//运行项目cdvue-todosnpmserve2、编写Vuetodos代码2.1改写main.js将main.js引入的App.vue
千锋教育官方博客·2020-09-11 12:30

Electron使用指南——14打开网站窗口

1、修改Main.vue在/src/components/Main.vue组件里，给每个条目添加双击事件，双击后打开网站窗口，同时注入一段JS代码：//...//...//...importbuttonJSfrom
千锋教育官方博客·2020-09-11 12:30

Vue中的axios请求设置base_url几种方式

方式1.通过全局的vue组件实现（在main.js中定义全局变量）Vue.prototype.$base_url='http://172.17.10.109:7600';leturl=this.
zuo_zuo_blog·2020-09-11 12:36

常见vue组件传值

在使用vue框架进行开发的时候，组件化的开发模式，问题比较多的就是组件中如何进行传递参数，下面我们就来看一下。一般有三种传值方式：1.父传子、2.子传父、3.兄弟组件之间通信4.爷孙跨级传值1.父组件向子组件传值一般会在子组件里面定义props来做接收，这是比较常见的情况（1）这是父组件我是父组件我发送给第一个组件的信息是:{{message}}importSon1from"../componen
帅气欧巴·2020-09-11 11:31

vue组件之间的传值

slot标签：想向封装好结构的组件中插入内容，需要借助在组件之中进行关联：如模板中：组件调用中：注：如果只有slot上面每一定义name属性，则只能有一个slotVue.component('com',{template:"#c"})父组件向子组件传值：props父组件：子组件：child：{template：‘#chi’props：['parentMsg']}子组件向父组件的传值：vue只运行数
哼着自己的小调调·2020-09-11 11:49

将第三方js库封装为自己的vue组件示例

按照手把手的方式将countUp.js封装成一个vue组件1、在项目文件cli安装countUp.jsnpminstallcountup.js2、先在app.vue文件中测试一下能不能用按照官方文档的初始化插件方式初始化试用一下
qq_42991509·2020-09-11 10:54

vue+element ui样式修改不了的问题

vue+elementui样式修改不了的问题我们在写vue组件的时候都会习惯性的在style里面加一个scoped，问题就出在了这里，我们只要把scoped去掉即可。
时丨光·2020-09-11 09:38

Vue 混入 (mixins) 学习笔记

概念：混入是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
sunshine_hz·2020-09-11 09:55

关于vue组件的深入认识,制作一个完美的弹窗视频播放

昨天晚上上线，作为前端我是左等右等等后端改测试的bug，四个小时过去了，我们前端没有发现任何问题，最后我就被申请先回家睡觉了，作为程序员真是日常呀。。。。早上第一件事就是昨天晚上发现前端的bug了你看看，一阵眩晕。研究了半天不知道代码的问题出在哪里了怎么试试都是bug。不写了出去转转，灵光闪过我是不是错用了组件了，废话连篇，直接上代码吧。子组件1item用于展示每一个列表的每一个项错误的写法：（@
不懂事的哼哼·2020-09-11 09:51

vue组件中如何写内部样式

Vue:scoped样式与CSSModule对比前言Scoped样式模块式CSS总结前言前两天在不同的城市感受了时间。今日早读文章由@西楼听雨翻译分享。正文从这开始～～在现代化的Web开发中，CSS还远未完美，这一点应该没有什么意外。现今的项目通常都相当复杂，而css样式天生又是全局性的，所以到最后总是极容易地就发生样式冲突——要么是样式相互覆盖，要么就是隐式地级联到了下面那些我们未考虑到的元素。
政旻·2020-09-11 09:40

Vue.js仿饿了么外卖App--(2)头部相关的组件的实现

本篇文章主要实现的是App.vue组件、头部组件header、蒙层组件detal和Modal以及路由切换router文章目录一、App.vue组件1、重点说明2、具体实现（1）、整体布局（2）、数据获取
gxgalaxy·2020-09-11 08:39

vue组件封装指南

目录vue组件三要素props参数slot定制插槽event自定义事件基本用法在使用vue-cli创建的项目中，组件的创建非常方便，只需要新建一个.vue文件，然后在template中写好HTML代码，
weixin_33860553·2020-09-11 07:10

vue组件（一）——组件介绍

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。全局组件我们知道，可以通过以下方式创建
程序媛-jjl·2020-09-11 07:47

vue.js基础（4）

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能就可以去调对应的组件即可组件化和模块化的不同模块化：是从代码逻辑的角度进行划分的
触不可及123·2020-09-11 06:43

Vue组件封装的过程

Vue组件封装的过程vue组件的定义组件(Component)是Vue.js最强大的功能之一组件可以扩展HTML元素，封装可重用代码在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能某些情况下
我不是费圆·2020-09-11 06:00

04 vue - 单文件组件定义与使用

系列文章导航01Vue语法基础02vue数据绑定与指令03vue组件技术04vue单文件组件定义与使用1单文件组件的好处2单文件组件的运行场景hbuilderx工具一下两种方式创建的项目才允许使用单文件组件
ywb201314·2020-09-11 06:41
上一页 87 88 89 90 91 92 93 94 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他