Vue组件

第二十六节：Vue选项：Vue混入对象

混入的认识混入是一种代码的组织方式,可以在多个组件间横向复用代码.定义混入对象,只要将混入对象添加到组件中,那么该组件就可以获取到存储在混入对象中的任何东西.1.混入的基本使用混入(mixin)提供了一种非常灵活的方式，来分发Vue
送你回城决·2023-12-31 05:26

2020-02-22时间记录

模仿腾讯AI做一个顶部导航栏，可以考虑开始做一个自己的vue组件库了时时发布项目整理凌跑项目总结一些技术点，输出文章5.然后要开始刷面试题了，不能再逃避了。
296b871d5cd0·2023-12-30 16:20

手把手教你用VUE撸后台

系统环境win10编辑器vscodevue版本内容结构：脚手架helloworldvue组件的写法路由historylayout与嵌套路由引入element-ui
PaparAzzii·2023-12-30 14:10

Vue独立组件开发-递归组件

exportdefault{name:'my-component'}在Webpack中导入一个Vue组件，一般是通过importmyComponentfrom'xxx'这样的语法，然后在当前组件（页面）
小马甲丫·2023-12-30 14:21

会用vue吗？你对vue的mixin的理解，有什么应用场景？

类的方法而不必成为其子类Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂Vue中的mixin先来看一下官方定义mixin（混入），提供了一种非常灵活的方式，来分发Vue
蓝斑.json·2023-12-30 11:41

什么是vue ssr

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。
路人贾！·2023-12-30 10:48

什么是vue的ssr，如何使用

Vue的SSR（服务器端渲染）是在服务器端将Vue组件渲染成HTML字符串，并将其发送到客户端，通过此方法可以更好地利用服务器的计算能力，提高首次渲染速度以及对搜索引擎友好。
&ACE&·2023-12-30 10:13

SSR是什么？优势是啥？

在客户端请求服务器的时候，服务器到数据库中获取到相关的数据，并且在服务器内部将Vue组件渲染成HTML，并且将数据、HTML一并返回给客户端，这个在服务器将数据和组件转化为HTML的过程，叫做服务端渲染
泪滴在琴上·2023-12-30 01:56

【温故而知新】vue组件间通信的实现方式

概念Vue组件间通信的实现方式有以下几种：父子组件通信：父组件可以通过props属性将数据传递给子组件，子组件可以通过$emit方法触发父组件定义的事件。
雪梅零落·2023-12-30 01:04

vue项目hdr格式文件放在assets下rgbeloader.load获取不到问题解决

如下图我再App.vue组件中这样写艾特符号定位告诉系统要src下的assets下的xhdr下的xidis.hdr但是运行项目他会告诉你找不到这个资源我们改一下我们组件时App.vue与assets同在
-耿瑞-·2023-12-30 01:33

Vue项目中Ts的使用

@Component装饰器，可以将我们创建的TypeScript类标记为Vue组件在使用TypeScript开发时，组件的内部变量不再需要使用方法去声明，只需要直接声明类变量即可:{{info}}import
3天饿九顿·2023-12-29 21:49

前端开发：关于Vue组件中的data属性值是函数而不是对象的详解

最近在搞关于前端开发的基础知识归纳，发现了不少经典知识点，那么本篇博文就来分享一个经典的知识点：Vue组件中的data属性值为什么是函数而不是对象。
三掌柜666·2023-12-29 18:23

data为什么是一个函数

所以说vue组件的data必须是函数。
小猪猪哟·2023-12-29 17:52

vue 页面刷新、重置、更新页面所有数据

下面是一些代码实例来演示这些功能：页面刷新：methods:{refreshPage(){window.location.reload();}}在Vue组件中定义一个方法，使用window.location.reload
我爱学习yq·2023-12-29 16:47

Vue轮播/走马灯组件：vue-slick-carousel

vue-slick-carousel将其完全重写为Vue组件，提供了可变宽度、延迟加载或垂直滑块等各种功能。
时光在等一个人·2023-12-29 10:25

vue 组件通信

vue组件通信在Vue中，组件间通信是一个核心概念，尤其是在构建复杂的应用时。以下是Vue中常见的几种组件通信方式：Props和Events:Props：用于父组件向子组件传递数据。
翱翔-蓝天·2023-12-29 05:29

vue3 ajax

可以通过npm或yarn来安装：npminstallaxios或者yarnaddaxios在Vue组件中引入Axios:在你的Vue组件
翱翔-蓝天·2023-12-29 05:58

5.2 Vue2.0-侦听器，计算属性，axios，vue-cli，vue 组件，组件样式冲突

Vue2.0侦听器侦听器的格式计算属性axiosvue-clivue组件组件的`props`组件的`mixin混入`组件之间的样式冲突问题侦听器watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作语法格式如下
像我这样的人112·2023-12-28 23:52

【JavaWeb学习-第四章（3）】Vue组件库Element & Vue实际应用

文章目录1.Element介绍2.快速入门3.Element组件3.1.Table表格3.1.1.组件演示3.2.Pagination分页3.2.1.组件演示3.2.2.组件属性详解3.2.3.组件事件详解3.3.Dialog对话框3.3.1.组件演示3.3.2.组件属性详解3.4.Form表单3.4.1.组件演示4.案例4.1.案例需求4.2.案例分析4.3.代码实现4.3.1.环境搭建4.3.
Cpdr·2023-12-28 22:43

Vue2使用v-model封装ElementUI_Input组件

Vue2.0、Vue3.0分别使用v-model封装组件首先新建脚手架引入element-ui组件和样式；新建Input.vue组件：{{title}}：**-->exportdefault{model
六卿·2023-12-28 22:05

VUEX介绍

StateMutationsActionsGettersVuex辅助函数map系列Vuex-persistedstate插件Vue特点集中式存储管理应用的所有组件的状态保证状态以一种可预测的方式发生变化简化Vue
Boulettes·2023-12-28 14:36

写给前端的面试题（一）

1.vue组件中的data定义必须是一个函数？如果data是对象的话，由于对象是引用类型，组件被复用的话，就会创建多个实例。本质上，这些实例用的都是同一个构造函数。
海贼王0101·2023-12-28 12:51

Vue组件滚动加载、懒加载功能的实现，无限滚动加载组件实例演示

效果图如下：可以看到随着不断的滚动，页面组件的数量不断的加载。其实加载的是后端返回的数据，因为涉及隐私，没有给显示出来。利用懒加载，可以防止大量渲染造成卡顿降低用户体验。页面的动态加载这块可以看上一篇文章：Vue动态添加和删除组件的实现，子组件和父组件的传值实例演示下面主要讲一下动态加载的实现思路：首先懒加载主要有两种形式，一种是不断的从后端请求返回前端，每次获取一部分数据，另一种是一次性把数据加
挣扎的蓝藻·2023-12-28 08:48

Vue.js组件通信之自定义事件

组件通信从父组件向子组件通信，通过props传递数据就可以了，但Vue组件通信的场景不止有这一种，归纳起来，组件之间的通信可以用下图来表示：自定义事件当子组件需要向父组件传递数据时，就要用到自定义事件。
吴声子夜歌·2023-12-28 07:17

Vue.js的template编译是什么

Vue.js的template编译是将Vue组件中的模板代码转化为渲染函数的过程。
&ACE&·2023-12-28 00:16

vue封装文件上传组件

如图1、封装uploadFile.vue组件建议图片大小{{mywidth}}*{{myheight}}，文件大小不超过{{mysize}}kbimportmixinfrom"../..
五颜六色的黑·2023-12-27 23:02

《Vue2.X 进阶知识点》- 防 ElementUI Divider 分割线

想着把背景色改为透明应该能用，结果发现背面是一条实线，难怪要用白色遮挡…不符合我的需求…实战那就仿一个吧（Vue组件）~。先看效果，上为el-divider组件，下为自定义组件。
AvatarGiser·2023-12-27 17:14

vue-mounted中处理data数据

`mounted`方法是对Vue组件进行数据初始化的一种方法。当Vue组件被挂载到DOM中时，会触发`mounted`方法，通常用于获取数据、设置初始状态等操作。
jimiStephen·2023-12-27 12:43

vue中mergeOptions的合并策略

mergeOptions主要的调用地方大概有以下几处1、vue初始化函数_init中，将，所有的vue组件渲染都会走_init方法Vue.prototype.
小白路过·2023-12-27 11:30

uniapp

三：uniapp中的vue组件周期：onload只是接受上个页面参数的，正确加载顺序应为created>onload>mounted直到目前为止，碰到异步方法，不能按照规定顺序取到数据的时候，还是在用自己的笨方法
W登峰造极·2023-12-27 10:22

vue自动引入组件

在compoents文件下随便创建js文件利用require.context(文件路径,是否递归,正表达式)importVuefrom"vue"//获取到所有components文件下的index.vue
正函数　·2023-12-27 09:15

Vue - 组件注册及其原理

1Vue组件注册Vue中注册组件的方式有两种：全局注册和局部注册。
Xxxxxl17·2023-12-27 08:17

Vue组件间的通信

在Vue.js中，组件间的通信可以通过多种方式实现。以下是几种常用的通信方式：父子组件通信：父组件可以通过props将数据传递给子组件，并且子组件可以通过事件（$emit）将数据传递回父组件。这种单向数据流的方式非常适合简单的数据传递和反馈。子父组件通信：子组件可以通过$emit触发自定义事件，并将数据传递给父组件。父组件可以通过监听这些事件来获取子组件传递的数据。这种方式适用于子组件主动通知父组
代码真的养发·2023-12-27 02:56

如何在Vue3中实现无缝热重载：提升你的开发效率

这意味着当你对Vue组件进行修改并保存时，这些更改会立即反映在浏览器中，而不会丢失当前的应用状态（例如，数据、Vue组件的状态等）。
诸葛妙计·2023-12-27 01:30

Vue组件开发系列之自定义滚动Scroll组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/Scroll自定义组件我主要是用来解决手机端路由返回的时候，页面会自动滚动到顶部的问题image组件页面结构:代码分析：props参数：props:{scrollbar:{//是否显示滚动条type:Boolean,default:()=>{returnfalse;}},direc
vue爱好者·2023-12-27 01:10

混入 (mixin)

混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
SY·2023-12-26 19:48

Vue组件选项编写代码的特点和注意事项

Vue组件选项编写代码有一些特点和注意事项，让我为你详细介绍一下。特点：声明式：使用Vue组件选项编写代码是以声明式的方式来描述应用的状态和视图，使得代码更加直观易懂。
无妄的罪·2023-12-26 18:07

Vue生命周期钩子函数

生命周期钩子，生命周期函数，生命周期事件（不同名称，同一含义）含义：在Vue组件从创建到销毁的整个过程中，在不同时间节点可以自动执行的函数整个过程分为三个部分：创建阶段，运行阶段，销毁阶段创建阶段1、创建
SignalFire·2023-12-26 17:27

vue组件间通信六种方式（完整版）

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$p
前端小云儿·2023-12-26 15:11

@vuemap/vue-amap高德vue组件库常用技巧（五）- 动态标记

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（六）- 点聚合

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（八）- 线

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

13.1，组件的概述

就就可以直接去调用对应的组件即可组件化和模块化的不同模块化，是从代码的逻辑角度划分的组件化，是从UI界面的角度进行划分的，前端的组件化，方便UI组件的重用如何定义全局组件方式一使用Vue.extend来创建全局的Vue
coderymy·2023-12-26 13:05

vue2项目使用ant design vue组件库table组件时设置column根据接口返回的字段值显示不同内容

需求：vue2项目使用antdesignvue组件库table组件时设置column根据接口返回的字段值显示不同内容举例：1、引用table：{{$t('m.edit')}}{{$t('m.ydel')
几个高兴·2023-12-26 11:05

vue组件的类型及特点

vue组件的类型及特点如果想要对组件进行类型划分，从实现的功能以及所具备的特点来划分，大致可以归纳为：动态组件、缓存组件、异步组件、函数式组件+JSX、递归组件等动态组件：通过动态确定要显示的组件,is
第10086个小白·2023-12-26 08:07

三阶段--day05--Vue.js MVVM 基本语法 分支结构 循环结构 form表单数据绑定 表单修饰符 计算属性 数组操作方式 vue生命周期

目录一、VueJS1、VUE介绍2、VUE组件说明二、VUE基本语法1入门案例2数据显示3双向数据绑定1）双向数据绑定原理4MVVM设计思想5事件绑定v-on:6按键触发7计算器8按键修饰符9属性绑定v-bind
心猿意码~~·2023-12-25 22:20

vue组件子组件修改变量同步修改父组件

父组件：import{ref}from'vue'importMyComponentfrom'./MyComponent.vue'constname=ref('v-modelargumentexssmple'){{name}}父组件中绑定传递的值使用v-modle然后子组件中可以使用update:(变量name)的emit事件直接修改父组件中传递给子组件的值子组件：letprops=definePr
Aucanon·2023-12-25 21:06

Vue 创建虚拟DOM元素的几种方式和实际应用。

目录创建虚拟DOM元素的方式创建一个简单的元素：创建一个带有属性的元素：创建一个带有子元素的元素：创建一个带有事件监听器的元素：创建一个Vue组件创建一个带Props的组件创建一个带Slot的组件实际应用创建虚拟
软件星·2023-12-25 18:00

使用props / $emit实现Vue组件间通信

Vue组件间通信可分为:父子组件之间通信非父子组件之间通信(兄弟组件、隔代关系组件等)父组件通过props的方式向子组件传递数据，而子组件可以通过$emit向父组件通信1.父组件向子组件传值//App.vue
蛋黄派i·2023-12-25 09:57

Echarts——饼图的vue组件

导入:data数据即可。格式：[{name:‘’,value:0}]故障类别可视化exportdefault{props:{data:{type:Array,}},name:"piechart",watch:{data:{deep:true,handler:function(val,oldVal){this.initChart();}}},methods:{initChart(){varchart
狮子座的程序员·2023-12-25 01:18
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他