vue组件

Vue.js事件总线（EventBus）

通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。父子组件通讯原则为了提高组件的独立
紫鸢雪樱·2020-09-17 13:52

vue组件页面高度根据屏幕大小自适应

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)我们将document.body.clientWidth赋值给data中自定义的变量：data:{s
云凝汐辰·2020-09-17 12:48

如何在scoped不污染组件样式的前提下，实现el-input组件样式覆盖？

解决方法&&思路：一个自定义新建的.vue组件（内部提前定
草巾冒小子·2020-09-17 12:07

vue

在vue组件页面中，集成vue-router路由模块vue-router官网1.安装路由npmivue-router-S导入路由模块：importVueRouterfrom'vue-router'​安装路由模块
℡清欢·2020-09-17 09:31

slot-scope：作用域插槽特性：子组件传递数据给父组件

即使vue组件被封装好了不再改动，也可以在html层面上，在自定义元素之间增加内容或者设置样式等操作。详见：插槽的作用例子解析：在模板中添加了，是给html层面自定义元素中间的内容"YourPr
灵灵7·2020-09-17 09:11

注册vue组件的几种方式

1，全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2,局部注册varChild={template:'Acustomcomponent!'}newVue({//...components:{//将只在父模板可用'my-component':Child}})3,扩展实例//定义一个混合对象varmyMixin={created:func
weixin_34205076·2020-09-17 09:49

【Vue学习总结】10.vue组件的使用

本篇我们继续讲解vue的其它特性，本篇主要讲解vue组件的使用。
光仔December·2020-09-17 09:57

python 全栈开发，Day90(Vue组件,前端开发工具包)

python全栈开发，Day90(Vue组件,前端开发工具包)昨日内容回顾1.Vue使用1.生成Vue实例和DOM中元素绑定2.app.$el-->取出该vue实例绑定的DOM标签3.app.
shykevin·2020-09-17 09:47

vue组件间的传值（父子、子父、兄弟、后代、非兄弟）

目录父向子传值子向父传值兄弟传值后代传值非兄弟传值在解决组件通讯方面，比较好用的就是vuex，但是在小型的项目中使用vuex就会有点大材小用的感觉，而且会增加文件体积。以下的都是不用vuex的传值解决方法，本文着重点是后代的传值和非兄弟的传值，一些基本的操作就粗略带过。。。好的，进入正题现在假设App.vue下有两个子组件brother.vue和sister.vuebrother.vue中有bro
WahFung_·2020-09-17 09:26

面试官：说说Vue组件间通信方式有哪些

记得面试的时候，被问到这个，当时只是简单粗暴的回答了现在趁着假期，整理一下和这个知识点有关的笔记1)通信种类父组件向子组件通信子组件向父组件通信隔代组件间通信兄弟组件间通信2)实现通信方式propsvue自定义事件消息订阅与发布vuexslot3)方式1:props通过一般属性实现父向子通信通过函数属性实现子向父通信缺点:隔代组件和兄弟组件间通信比较麻烦4)方式2:vue自定义事件vue内置实现,
Web_hls·2020-09-17 07:22

Vue 之 Mixins （混入）

MixinsMixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。什么时候使用Mixins1.页面的风格不用，但是执行的方法和需要的数据类似，我们是选择每个都写呢还是提取出公共部分呢？
weixin_33860737·2020-09-17 07:47

provide与inject实用技巧

一、前言1、简介：provide与inject是Vue组件开发当中较为实用的功能。2、用途：主要用于vue高阶组件的开发，本文将介绍一些provide与inject的一些实用技巧。
happy任·2020-09-17 07:18

Vue组件间通信6种方式

摘要：总有一款合适的通信方式。作者：浪里行舟Fundebug经授权转载，版权归原作者所有。前言组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A和B、B和C、B和D都是父子关系，C和D是兄弟关系，A和C是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨
dichu2296·2020-09-17 06:11

Vue组件间通信方式

组件可以封装一些重用的代码，通过传入不同的数据，实现组件的复用。组件之间传递数据基本上可以分为三种：父子组件、兄弟组件、隔代组件（跨组件），针对不同场景，我们可以选择不同的方式，具体如下：父子组件通信：（1）props/$emit父组件通过自定义属性传递数据，子组件通过props来接收;子组件通过emit传递一个自定义事件，父组件通过自定义事件来操作相应的逻辑：父组件：import{Compone
珍妮的小罐君·2020-09-17 06:19

Vue中引入自定义公共组件方法(详细步骤)

步骤如下1、创建自定义公共组件，在src/components目录下自定义所需的公共组件：2、封装公共组件、写组件实现的功能：完整代码如下：headTop/index.vue组件：浦东新区公交站点管理系统
I'm写代码·2020-09-17 06:37

Vue 整合天地图实现定位功能 代码模板

，所以我使用的是cdn引入，首先在项目入口的index.html文件中引入天地图CDN如果你的项目是基于Vuecil3的，那么index.html文件应该是在public文件夹下然后就可以在项目中新建vue
Incimo·2020-09-17 05:11

vue+element-ui项目中自定义时钟（含有日期。另有浮动时钟（和浮动广告相同原理））

在webstorm中，开发vue项目（模块化开发），在登录界面右上角显示时钟（含有日期）：1.先在login.vue中template中相应位置，添加如下代码：{{date}}{{time}}2.在vue
绝圣弃智-零·2020-09-17 05:09

vue前端实现浮动滚动信息

很容易扩展因为业务原因，我对其做了点修改TextMarquee.vue组件letcount=0;exportdefault{name:'VTextMarquee',props:{speed:{//速度t
月下星望·2020-09-17 05:36

Vue知识总结

3.2Vue组件间通信的方式?3.3对keep-alive的理解?4.生命周期4.1谈谈你对Vue生命周期的理解？4.2Vue的父组件和子组件生命周期钩子函
lhrdlp·2020-09-17 04:27

vue组件

todolist案例布局问题前端的UI组件库组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行组件的基础组件是一个具备htmlcssimgjs…等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板，模板用template表示，相当于el，但是不能用el，因为被根实例占用了Vue.js通过Vue.extend()方法来扩展组件的使用V
我是小仙女呢·2020-09-17 02:17

Vue面试题、知识点整理

Vue的生命周期Vue实现数据双向绑定的原理Vue组件间通信VueRouter的路由守卫VueRouter的hash和history模式Vuex有五个核心概念keep-alive的作用是什么?
low神·2020-09-17 01:45

vue事件修饰符native 的作用

可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的。
xilejie·2020-09-17 00:41

63. Vue MUI的基本使用

Bootstrap；而Mint-UI是真正的组件库，是使用Vue技术封装出来的成套的组件，可以无缝的和VUE项目进行集成开发；因此，从体验上来说，Mint-UI体验更好，因为这是别人帮我们开发好的现成的Vue
海洋的渔夫·2020-09-16 23:21

前端开发实习面试题（Vue篇）

在vue组件中，组件的实例从创建前(beforeCreate)、创建后(created)、挂载前(beforeMount)、挂载后(mounted)、更新前(befo
我只是一堆数据·2020-09-16 23:22

vue操作dom元素

$el.querySelector('.box)}这种方法足够简单直观，Vue组件在patch阶段结束时会把this.
qq_38677540·2020-09-16 23:34

vue中使用TypeScript

不过，除了vue组件，项目之中其他的api,uti
乐橙Web·2020-09-16 22:09

Vue基础入门（vue组件化的使用和vue-cli组件化的使用）

vue组件化的使用和vue-cli组件化的使用效果展示不使用用组件化使用组件使用vue-cli效果展示输入数字后点击提交自动生成一列显示输入内容，点击该列该列消失不使用用组件化提交{{item}}newVue
康立志·2020-09-16 21:48

vue组件内监听路由变化

需求分析：首頁面有两个组件,Artist组件和Tag组件，分别对应文章组件和标签组件，点击Tag组件的某项标签，要动态更新Artist组件里的内容，并且路由要传递查询信息首先，要根据Tag组件选中的tid去动态更新articles数据，如何去实现呢？这时候我想到的方法：是把articles数据放在vuex上实现组件共享，点击标签后，Tag组件直接异步请求articles数据，并更新Vuex上的ar
波神小波·2020-09-16 16:43

[埋点] 一种Vue组件切换后停留时长的统计方法(未完全)

声明：本文由我与葛先生无差异地合作完成。需求背景：有的项目需要采集用户在每个页面的停留时长（毫秒数）。采集工作由前端进行，然后发送给后端。前端实现：在/router/index.js中设定一个全局的前置导航守卫。在/router/index.js中声明两个全局变量，分别为：startTime：为记录第一次进入路由组件或者进入上一个路由组件的时间。currentTime：为记录每次路由进入的时间戳。
AlexDeng2019·2020-09-16 16:24

Vue使用命令行CLI脚手架搭建项目后的文件和文件夹等资源的解释

文件夹用来存放照片components文件夹用来存放组件文件介绍index.html—>main.js–>App.vue入口文件执行main.js，main.js会实例化一个vue对象，然后就会执行App.Vue
影龙武·2020-09-16 16:18

Vue组件之el-date-picker组件，时间选择器。

属性讲解v-model=“selectDatetime”type=“datetime”placeholder=“选择时间”@change=“dataSearch”：时间改变时调用函数dataSearchvalue-format=“yyyy-MM-ddHH:mm”format=“yyyy-MM-ddHH:mm”参考链接
Magical_ME·2020-09-16 15:28

vue组件封装

你封装过组件吗？？说一下组件封装？？？？你在项目中是如何封装组件的？？？？？…以上问题是面试官，最常问到的问题？那么你应该如何回答呢？答：我用vue开发的所有项目，都是采用组件化的思想开发的。一般我在搭建项目的时候，会创建一个views目录和一个commen目录和一个feature目录，views目录中放页面级的组件，commen中放公共组件（如：head（公共头组件），foot（公共底部组件）等
星空之火@田兴·2020-09-16 15:11

vuex 学习

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新你不能直接改变store中的状态。
左手121·2020-09-16 15:02

el-popover设置颜色影响全局样式

两点1el-popover的样式class也是el-popover，el-popover生成的div不在当前组件之内，和App.vue组件的div平级，2
lxhz520·2020-09-16 15:51

Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js

可以在github上下载demo链接https://github.com/fongdaBoy/Vue2.0ComponentDemovue组件代码import{Exif}from'.
fongdaBoy·2020-09-16 15:53

vue弹窗里面使用echarts不显示的问题

因为Vue组件通过$emit触发
呱呱•.•·2020-09-16 14:57

webstorm vue 方法重命名遇到的问题

2个Vue组件内，methods定义了相同名称的方法，使用webstorm的rename去修改其中一个Vue组件内部methods里定义的方法的名称，当前组件内这个方法的名称还有方法引用的地方都会同步修改
那个发饰·2020-09-16 14:03

使用 Vuex + TypeScript 时项目中常用的装饰器

目录前言：一、安装npm包二、装饰器的简单运用1)创建并在项目中引入Vuex2)在Vue组件中使用Vuex三、使用Module将store分割成模块1)修改store.ts2)修改Vue组件参考文档前言
Upgrader·2020-09-16 14:21

使用vue开发popover组件接连踩坑过程实录

ps：只是说明思路，生产中不采用此方式html代码:popover里面的内容点击复制代码vue组件代码:exportdefault{name:"GuLuPopover",data(){return{visible
weixin_33827731·2020-09-16 14:24

el-popover修改样式

el-popover的class也是el-popover，他比较特别的是,el-popover生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.vue组件的div平级，所以需要设置全局
那个发饰·2020-09-16 13:02

el-menu实现多级菜单效果

1）创建menuTree.vue组件0":index="item.title">{{item.title}}{{item.title}}exportdefault{name:"Menu",props:{
涵一·2020-09-16 13:26

vue组件化实例-购物车

vue组件化实例-购物车前言环境准备实现步骤创建项目购物车的编码标题的编码（基础知识，可跳过）功能一：现在我想先给我的购物车加上一个大标题，要怎么做呢？功能二：我想要标题在页面加载2秒后，再显示。
迷失的骆驼·2020-09-16 13:14

vue插件开发(时间播放器)，发布到npm

本篇文章主要介绍过将组件发布到npm的过程，如看组件源码项目源码&文档1、项目初始化首先，要创建项目，封装vue的插件要写的是一个简单的vue组件不需要依赖那么多而庞大的配置，所以，这里用简单版本的webapck
wh_xmy·2020-09-16 13:14

Vue组件 ( 组件通信 )

组件注册Vue.component(组建名称,组件的配置)在组件中使用components的配置项来表示问题：组件命名问题组件命名和html原生标签冲突HeaderFooter---->headerfooter大驼峰的写法Vue.componennt('ZhangJun',{template:''})错的-->.box{background-color:red}box.style.backgrou
lllllllwj·2020-09-16 11:45

vue开发环境和生产环境应用

//process.env是全局配置的可以在各个js和vue组件中使用if(process.env.NODE_ENV==='development'){//开发环境production生产环境//引用js
xinxin_zhu·2020-09-16 10:31

如何在JS文件中获取Vue组件

1.背景最近在写项目时候遇到这样一个需求：我封装了一个js文件utils.js，然后在组件my-component.vue中引用了该js文件。在utils.js文件中有一些函数，需要操作my-component.vue中的data和methods。为了方便理解，上述js文件和组件名非实际工程中的名字，仅是示例。2.思路通过调用函数把组件实例this传递到被应用的js文件里。3.目录结构src/├─
·2020-09-16 10:59

Vue+ 项目学习总结

项目中引入的都是必须和用到的内容，研究后选用：Vue,vue-router,vuex,vant,axiosVue之computed&watch&method用法区分Vue中我们都可以通过这method实现方法和参数改变，但是细读Vue
吴悠_df7d·2020-09-16 09:08

Vue报错——did you register the component correctly? For recursive components

Vue组件注册报错问题今天在调试vueTab页面切换时初始化页面会出现上述错误，找了好长时间没想到是组件注册时出现的问题，根据提示找到组件引用的地方。
kangIT·2020-09-16 05:57

看vue项目体会（main.js）

默认main.js为vue入口文件importVuefrom'vue'//main.js为入口文件，并与app.vue组件向关联使此组件为跟组件//是所有的内容都在app.vue上面呈现。
舟不渡我·2020-09-16 04:12

vue 通过router路由控制 同一组件router-view视图显示位置

/app路径下视图显示：/login路径下视图显示：app.vue组件视图：使用name属性exportdefault{}路由：importVuefrom'vue'  //引入VueimportRouterfrom'vue-router
小羽向前跑·2020-09-16 04:57
上一页 83 84 85 86 87 88 89 90 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他