vue组件

【代码习惯】Vue多组件监听onresize无效

问题现象：我在A.vue组件的mounted中设置了window.onresize=function(){...}，页面没有任何报错，但是在浏览器窗口变换时未执行函数。
·2022-02-25 14:35

vue 小细节功能

Loading1、样式如图：2、在src/components/shared里面新建Loading.vue组件，里面添加如下代码：.loading{width:60px;height:60px;margin
Holyzq·2022-02-25 10:39

vue3-01mixin&extend

在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成：Mixin提供了一种非常灵活的方式，来分发Vue组件中的可复用功能；一个Mixin对象可以包含任何组件选项；当组件使用Mixin对象时，所有
star@星空·2022-02-23 14:20

Vue中Mixin&extends的详细使用教程

在vue2和vue3中都支持使用Mixin来解决，Mixin提供了一种非常灵活的方式，来分发Vue组件中的可复用功能，一个Mixin对象可以包含任何组件选
·2022-02-23 11:24

Vue组件之间的数据共享

导读：本篇文章会讲到Vue中重要的一个问题，就是组件与组件之间怎么进行数据共享?之前我们有说过，每个组件之间是相互独立的，可以通过导入组件以及注册组件的方式进行使用，那我们组件之间怎么传递数据呢？1、组件之间的关系在开发中经常见到的关系分为以下几种：父子组件（父子关系）兄弟组件（兄弟关系）可以看下关系图A——BA——C父子关系B-C兄弟关系ABDEFCHGIJfathercontainsconta
小hu同学·2022-02-22 13:22

Vue2学习之生命周期与组件之间数据共享

Vue组件的实例对象每一个.vue文件都是模板文件，且并不是直接交给浏览器去解析和渲染的，而是经过package.json里面中的一个依赖包（图中红圈部分）替我们把vue文件编译解析成JavaScript
TheITSea·2022-02-22 13:19

Vue组件

组件1.组件化开发2.vue中的组件化开发3.vue三个组成部分4.methodswatchcomputedflters5.启用less语法6.组件之间的父子关系7.使用组件的三个步骤8.安装并配置@路径提示的插件9.私有子组件和全局组件9.1注册私有子组件9.2注册全局组件10.组件的props10.1概念10.2使用10.2props是只读的10.3props的默认值default10.4pr
pingting_·2022-02-22 13:19

vue组件data为什么必须是函数？

首先看个例子newVue({el:'#app',template:`{{demo}}`,data:{demo:123}})在newvue()中，data可以直接是一个对象，为什么在vue组件中，data
feXiaojin·2022-02-22 01:26

vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值，这点在组件开
做梦跳绳闪到腰·2022-02-22 00:04

Vue 十五个常见面试题（二）

的箭头函数进行懒加载：constHelloWorld=()=>import("@/components/HelloWorld")12.解释一下什么是Vue-loaderVue-loader就是一个加载器，能把.vue
西瓜鱼仔·2022-02-22 00:50

web5

4、vue-router路由全部改成懒加载路由，该页面被点开时才加载该页面.vue组件，提高首页加载速度。5、根据页面复杂度，删除部分页面生命周期creat
说不出口的喵·2022-02-21 21:22

2020前端系列——Vue

Vue的生命周期Vue组件间通信有哪些方式?watch、methods和computed的区别?vue中怎么重置data?组件中写name选项有什么作用？
qq2276031·2022-02-21 15:15

对v-charts图表组件（基于VUE2.0和echarts封装）的补充说明

v-charts（https://v-charts.js.org/）是为了在vue中方便的使用echarts（https://echarts.apache.org/zh/），而对echarts进行裁剪封装后的vue
工程师54·2022-02-21 14:15

vue组件封装v-model，组件嵌套组件时封装v-model

首先来理解下v-model是语法糖与组件一起使用时，简化为{something=value}">所以对于一个组件来说v-model，它应该（这些可以在2.2.0+中配置）：1.接受value道具2.用新值发出一个input事件一个组件上的v-model默认会利用名为value的prop和名为input的事件，但是像单选框、复选框等类型的输入控件可能会将value特性用于不同的目。model选项可以
xuehairong·2022-02-20 23:28

Vue组件深入

vue组件深入组件注册全局注册局部注册propprop的大小写camelCasevsKebab-casekebab-caseprop类型props:{title:String,likes:Number,
MajorDong·2022-02-20 23:25

VUE组件通信

父子通信html{{message}}打开jsVue.component('child',{template:`我是儿子关闭`})newVue({el:'#app',data:{message:'HelloVue.js!',ccc:false}})儿子没有办法自己关闭自己，需要告诉父亲，由父亲进行关闭。兄弟通信查看CSDN博客博客2爷孙通信vue的爷孙通信特别麻烦，所以有了vuex。孙子没有冒泡不
浮云都想对你说·2022-02-20 23:49

详解Vue组件通信

父子组件的通信是开发是最常用的也是最重要的二级标题你们一定知道父子通信是用prop传递数据的父组件importEmitSonfrom'./childs/EmitSon'exportdefault{name:'EmitInfor',data(){return{msg:'父向子传参-props'}},components:{EmitSon}}子组件{{msg}}exportdefault{name:'
stringtoString·2022-02-20 20:38

vscode js属性强制换行

背景：vue组件pros属性较多，写在一行难以查看，手动换行费时。
玄月府的小妖在debug·2022-02-20 12:09

03-vue组件传值

基于现在都是模块化开发，vue开发过程中组件之间传值是必不可少的，常用的vue的组件传值分为三种方式：父传子、子传父、非父子组件传值。一、父组件给子组件传值----通过属性1.子组件需要做的事：(1)创建一个子组件(2)写好子组件中自己的逻辑(3)通过props:[父组件传值的key]来接收父组件传递的值props可接收对象（属性为传递的值，属性值为规定传递值的数据类型）、数组格式的值2.父组件需
GL曲终人散·2022-02-20 10:50

6.webpack下使用 vue-router

在vue组件页面中，集成vue-router路由模块vue-router官网先贴上main.js的完整代码：//1.先引入包//2.创建vue实例importVuefrom'vue/dist/vue';
崩鲨卡拉卡·2022-02-20 02:10

vue 组件之间传值 父传子 子传父 todolist

vue组件之间传值父传子子传父todolistDocument#app{width:800px;margin:0auto;}添加待办{{item}}-->varTodoItem={props:['content
daoqing99·2022-02-19 23:53

vue3中setup-script的应用实例

在Vue3.0的.vue组件里，遵循SFC规范要求（注：SFC，即Single-FileComponent，.vue单组件），标准的setup用法是，在setup里面定义的数据如果需要在template
·2022-02-19 18:08

Vue

8200346590/2、Vue官网：https://cn.vuejs.org/3、vue脚手架：https://cli.vuejs.org/zh/4、vue路由https://router.vuejs.org/5、vue
白雪乌鸦·2022-02-19 15:24

vue源码解读--响应式的创建过程

目录导航本节的示例如下（app.vue组件在main.js中引入）当newvue的时候将执行init方法，在该方法中将调用initState这里有两个地方比较重要，一个是initProps，一个是initData
三岁就会写BUG·2022-02-18 22:55

核心概念-- State

这也意味着，每个应用将仅仅包含一个store实例(2)在Vue组件中获得Vuex状态Vuex通过store选项，提供了一种机制将状态从根组件“注入”到每一个子组件中（需调用Vue.use(Vuex)）：
__越过山丘__·2022-02-18 20:58

vue组件之间通信【8种方式】

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。Vue.component('child',{data(){return{mymessage:this.message}},template:,props:['messa
紫痕蓝羽·2022-02-18 01:05

Vue后台管理系统2

今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件，进行布局：Header退出AsideMain默认情况下，跟element-ui
__method__·2022-02-17 20:34

vue组件

1、组件如何开发https://m.cnblogs.com/363429/7705052.html2、组件如何传值父传子//父组件调用data:function(){return{selectData:[{value:1,text:"ding"},{value:2,text:"liang"}]}},//子组件default:添加默认值{{item.text}}props:{selectWidth:
从不放弃·2022-02-17 16:56

vue组件中为何data必须是一个函数？

js中，正常的data可以直接创建对象，例如data：{msg:"12345"}。然而在vue中，data必须以函数形式创建对象：官方说法：一个组件的data选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立拷贝：代码主要是因为data如果像一般的创建对象一样，都是在一段相同内存注册，组件是要被复用的，一旦改变data，所有引用了组件的都要改变。函数形式就是每次调用组件时，都会重新声明变
懒懒先森_fd76·2022-02-17 10:04

使用vue自定义指令构建拖放插件

因为我们的目标不是开发一个vue组件，而是两个vue的自定义指令，并且最终会把这两个自定义指令封装到一个es6的class里，在实际项目中引入就可以很方便的使用了
_乾_·2022-02-17 05:28

Vue_TS_测试

引言此篇文章主要涉及以下内容：TypeScript使用TypeScript编写vue应用vue测试写易于测试的vue组件和代码学习资源TypeScript参考Vue中的TypeScript单元测试端到端测试参考
LM林慕·2022-02-17 02:59

腾讯地图vue组件开发

背景百度地图插件vue-baidu-map拾取的经纬度在小程序上显示时存在偏差。小程序使用的是腾讯自家的地图。两个地图用的是两套坐标系，腾讯地图、高德地图用的是GCJ-02坐标，也就是国测局坐标系，而百度是自成一套，BD-09坐标系，所以相同地点在经纬度在两个坐标系是不一样的，或者说有偏移。解决方案如下：对于后台百度地图传过来的经纬度，要做一次转换，转换成腾讯地图的经纬度，再传给小程序显示。fun
一只佛手·2022-02-16 20:36

vue项目刷新当前页面

通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，这边定义了isRouterAlive//trueorfalse来控制然后在需要当前页面刷新的页面中注入App.vue
口红沾纸巾·2022-02-16 20:28

Vuex-状态管理组件

用简单的话语来说Vuex就是用来统一存储并管理项目中的一些数据（配置信息、数据、用户状态等），而其他的Vue组件来直接调用里面的数据即可。
Zssaer·2022-02-16 17:44

Vue组件化学习之scoped详解

目录简介总结简介主要介绍scoped的作用。先弄一个案例：main.js：//引入vue依赖importVuefrom'vue'//引入组件AppimportAppfrom'./App.vue'//关闭生产提示Vue.config.productionTip=false//创建一个vue实例newVue({//这个目前还没学过，先知道他的作用是将app放入容器中。render:h=>h(App),
·2022-02-16 13:49

Vue组件之事件总线和消息发布订阅详解

事件总线有两个特性：是一个vue组件实例或者一个vue实例，充当一个消息中转站，如果A、B组件想要通信，那么A组件存消息到中转站，B消息拿，或者反过来。所有组件都要能获
·2022-02-16 13:43

Vue组件中的自定义事件你了解多少

主要介绍组件的自定义事件的概念，使用等。何为组件自定义事件：组件自定义事件是一种组件间的通信方式，方向是子组件====>父组件。使用场景：A是子组件，B是父组件，如果要把B的数据传给A，可以使用props配置项，如果要把A的数据转给B，就要用到组件自定义事件或者使用props加回调函数也可实现。先使用props加回调函数实现子组件传递数据给父组件。main.js：//引入vue依赖importVu
·2022-02-16 13:39

webpack打包非js部分---加载器loader、babel处理高级语法 和vue组件

webpack默认打包js部分，其它非js模块默认处理不了如下引入css文件打包报错，webpack处理不了需要加载器才可以配置打包css文件配置打包less文件编写less文件引入less文件打包生成bungle.js配置打包scss文件注意红框编写scss文件导入自动添加postCSS自动兼容前缀新建postcss.config.csswebpack.config.css打包图片和字体文件比如
小猿L·2022-02-16 10:29

vue组件和过渡操作

Vue一、组件1、组件的嵌套*1、全局组件的嵌套组件111组件222//注册Vue.component('v-head',Vue.extend({template:'#head',}))Vue.component('v-foot',Vue.extend({template:'#foot',}))*2、私有组件的嵌套用法同上//注册components:{'v-aa':{template:'#aa'
JK酱·2022-02-15 21:36

vue使用$router传递参数

vue组件之间相互跳转，传递参数的方式有很多种，我比较喜欢用js方式this.
大雨王·2022-02-15 15:45

引用测试自己的vue组件

--基于parcel假设用户使用vuecli关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli（1.x或2.x），你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。npminstall-g@vue/cli#oryarnglobaladd@vue/cli可以使用npm命令来安装,
卡布i·2022-02-15 02:23

vue组件通信全揭秘(共7课)

什么是VueVue是尤雨溪一个人的项目，是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。Vue通过Api来进行统一性的管理，可以让整个团队的代码都用统一的风格和方法标准去运作
栀夏暖阳·2022-02-14 12:33

vue组件化中对读取文件的封装,解决读取文件的异步问题

普通文件读取方式constfs=require('fs')constpath=require('path')fs.readFile(path.join(__dirname,'./files/1.txt'),'utf-8',(err,dataStr)=>{if(err)throwerrconsole.log(dataStr)})封装成函数的方式(有漏洞)constfs=require('fs')co
陆_志东·2022-02-14 06:26

如何在Vue组件中使用vue-router的钩子函数

今天发现需要在某些页面需要使用路由的钩子函数，但是发现加上去之前没有反应？然后去翻了一下资料，soeasy，附上代码：在main.ts(因为我使用ts写的，所以在main.ts)或main.js里面加上钩子函数的注册就OKimportComponentfrom'vue-class-component'//RegistertherouterhookswiththeirnamesComponent.r
会撸码的小马·2022-02-14 03:53

全栈开发三（vue组件）

开发vue应用我们首先了解什么是组件，组件要怎么应用？什么时候用组件？组件之间怎么通讯？等一些问题一、什么是组件组件（Component）是对数据和方法的简单封装。我个人的理解就是一个个零件，然后关联起来，就成了一个应用；在vue项目中，所有应用都是为组件服务的，它是个组件化的框，一切都是围着组件在转。二、那么什么时候我们用到组件呢？页面，表单，编辑器等等都可以作为一个组件；组件有局部组件，有全局
itvwork·2022-02-14 00:23

VUE开发--Vuetify组件(二十五)

一、Vuetify组件&emps;&emps;一个vueui库，提供vue组件供使用。根据GoogleMaterialDesign指南实现（https://material.io/）。
无剑_君·2022-02-13 19:39

ant-design-vue的基本使用：按需导入组件和主题定制

引言ant-design-vue作为后来者，名声比不上vue组件库的先驱大佬element，但是用多了element，再上手antv时，仍让我眼前一亮，antv在交互设计和api设计上，确实和element
·2022-02-13 19:47

Vue组件开发之异步组件详解

目录一、引入二、vue中的异步组件三、异步组件和suspense总结一、引入我们在讲异步组件之前，我们再来回顾一下webpack打包时的分包操作。我们可以使用import()异步加载模块来实现分包操作。import函数的返回值是一个Promise，所以我们可以使用then进行下一步处理。如下图所示为打包后的文件目录，因为我们如果同步加载math.js文件，此时就不存在中间的文件，此时当浏览器请求资
·2022-02-13 19:53

如何用 StoryBook 展示 Vue 组件库

本文讲述的是如何用StoryBook展示自定义Vue组件库。00背景Vue技术栈的同学通常会在项目中抽出很多组件，于是需要一个方式或者一个平台将所有组件以及用法展示出来。
前端大课堂·2022-02-13 08:25

vue组件间的通信

vue组件间的通信主要分为三类：◆父==>子◆子==>父◆非父子方法其实有好几种，下面分享一下我自己用到的(๑‾ꇴ‾๑)1.父==>子：在父组件里引用子组件图例上图中child1就是引用的子组件，而父组件要向
汶沐·2022-02-13 03:01
上一页 66 67 68 69 70 71 72 73 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他