vue组件

Vue组件的渲染更新原理知识大连串

Vue组件的渲染更新一、初始化二、模板编译三、vue的响应式原理四、虚拟DOM总结采用总—分—总的形式跟大家讲解，如果有出现什么错误，欢迎大家指点一切从这张大图开始，让我们一步一步来分析：一、初始化在newVue
*neverGiveUp*·2023-04-03 16:45

vue知识点--组件传参

一、vue组件间传参父子组件的关系可以总结为prop向下传递，事件向上传递。
⁠亦辞·2023-04-03 16:56

vue组件之前基础知识

Vue概述VUE:一套用于构造用户界面的渐进式Javascript框架简单应用:只需一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件开发人：尤雨溪Vue特点：1：采用组件化模式，提高代码复用率，且让代码更好维护2：声明式编码，让编码人员无需直接操作DOM，提高开发效率3：使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点数据代理：方法：Object.definePropertyval
li_ding_ding·2023-04-03 16:51

Vue组件原理知识（1）

Vue组件知识整理（1）文章目录Vue组件知识整理（1）一、组件介绍1.1传统方式与组件方式编写应用对比二、组件使用2.1非单文件组件的使用**1.组件的创建****2.组件的注册****3.组件的使用
ItDaChuang·2023-04-03 15:57

Vue组件基础

Vue组件基础每用一次组件，就会有一个它的新实例被创建data必须是一个函数一个组件的data选项必须是一个函数，因此每个函数可以维护一份被返回对象的独立拷贝。避免一个实例，影响到其他所有实例。
MajorDong·2023-04-03 15:51

第二章Vue组件化编程

文章目录模块与组件、模块化与组件化模块组件模块化组件化Vue中的组件含义非单文件组件基本使用组件注意事项使用kebab-case使用PascalCase组件的嵌套模板templateVueComponent一个重要的内置功能单文件组件Vue脚手架使用VueCLI脚手架先配置环境初始化脚手架什么是Webpack模块化的演进分析脚手架结构实例render函数——解决无模板解析修改默认配置ref属性——
库里不会投三分·2023-04-03 13:04

前端面试套餐：Vue面试题总结+JavaScript前端经典面试题

$nextTick的使用Vue组件中dat
宇小哥·2023-04-03 12:28

【前端Vue问题】keep-alive 页面activated不会发送请求。使用exclude属性排除组件注意事项

问题描述：当对页面APP.vue组件router-view标签使用了keep-alive之后在组件activated状态时不会发送请求，这时需要使用keep-alive标签的exclude属性排除需要重新发送请求的组件
itlu·2023-04-03 02:33

16-Vue之混入mixin的使用

Vue之混入mixins（非完整版）一、mixins基础介绍（不使用cli版本）1.首先我们看一下vue官网对mixin的介绍:混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能
差一点没吃西瓜·2023-04-02 23:12

Do not use built-in or reserved HTML elements as component id的解决

###原因:组件的命名不符合vue的命名推荐,此命名推荐不是强制的;###解决办法:将组件名改为xxx-yy形式即可;聊聊Vue组件命名那些事，讲的很写详细了解更多：https://cnodejs.org
月下吴刚_c8c7·2023-04-02 21:59

Vue学习——Vue3自定义插件(组件)

我们要封装一个弹出框插件，它的效果是这样的：第一步：在项目中创建存放自定义插件的文件夹并在文件夹中新建.vue组件和一个index.js文件，.vue文件作为自定义插件第二步：在index.js文件中编写下面的代码
爱干饭的小徐同学·2023-04-02 16:10

Vue ::v-deep选择器

问题:1.如果不使用scoped属性,改公共组件的样式,就会污染到全局2.设置scoped属性的话,直接覆盖样式不生效需求:vue组件中使用第三方组件库的组件,需要在这个组件中定制样式,又不想影响其他地方使用此第三方组件的样式解决
Gino_Li·2023-04-02 13:07

vue 混入mixins

mixins混入是一种分发Vue组件中可复用功能的非常灵活的方式。混入的对象中可以包含任何组件选项，当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
广告位招租·2023-04-02 13:56

VScode 一步创建 Vue 组件模板

虽然有了vetur插件补全代码，新建一个vue组件文件后创建固定的模板也就两三步。但是，能不能像输入一个“！”就创建好html代码一样呢？
刘惜雨·2023-04-02 13:48

vue面试题

2.vue组件中data为什么是一个函数？3.$nextTick的使用4.vue中双向数据绑定是如何实现的？5.v-if和v-for的优先级？
WY_ALA·2023-04-02 10:08

vue-组件化-插槽(slot)

理解Vue组件化中，当我们在设计一个组件的时候，可能会保留一部分，让使用者自定义的内容，比如：导航栏组件中，右上角的分享按钮，左上角做菜单按钮弹出框组件中，弹出框的提示内容等...在这种场景下，把保留给使用者的部分
IT_梅·2023-04-02 10:22

前端实战项目:前端框架Vue3.0项目教程（二）Vue3.0医学项目选项卡Tab的实现

一、构建基于Vue组件开发的选项卡Tab.vue依据Vue开发组件的模板要求，必须提供、和三个部分。负责的是页面的
play_big_knife·2023-04-02 07:17

vue面试题

①在vue组件里面，通过dispatch来出发actions提交修改数据的操作。②然后再通过actions的commit来出发mutations来修改数据。
sevenT_T·2023-04-02 05:09

element-ui el-dialog嵌套table组件,ref问题及解决

目录element-uiel-dialog嵌套table组件,ref问题解决办法vue组件库element-ui常见问题总结el-table相关el-form表单相关el-dialog对话框内嵌自定义内容的样式更改总结
·2023-04-02 01:50

Property or method "变量" is not defined on the instance but referenced during render. Make sure th...

在home.js暴露一个数组navDataimport导入之后,vue组件在使用navData遍历的过程中报了个错误大致意思:navData没有在实例上定义,但在渲染的期间被调用了.navData而且是能拿到数据的
Fij·2023-04-02 01:07

VUE开发--数字滚动CountTo(三十九)

一、CountTovue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置startVal和endVal，它会自动判断计数或倒计时。支持vue-ssr。
无剑_君·2023-04-02 01:07

vue（3）vue组件

何时需要组件我们点击《授权协议》和开始授权按钮的时候，都需要一个modal弹出框来提示用户相应的信息。这个modal就是我们需要做的组件。modal：注册组件，并抽取到.js文件中1、注册需要注意的是vue可以全局注册和局部注册组件，我们可以根据实际情况的不同分别采取不同的注册方式。这里的modal在多处需要用到，我们采用全局注册的方式。利用代码Vue.component(tagName,opti
俊人呀·2023-04-02 00:37

Vue组件进阶

Vue组件进阶props验证对外界传递进来的props数据进行合法性的校验，防止数据不合法props:{count:Number,state:Boolean}对象类型的props节点提供了多种数据验证方案
bestkasscn·2023-04-02 00:04

Vue 3.0 组件基础 【Vue3 从零开始】

基本实例这里有一个Vue组件的示例：//创建一个Vue应用constapp=Vue.createApp({})//定义一个名为button-counter的新全局组件app.component('button-counter
Blur Blue·2023-04-02 00:19

js中金额比较大小-超过Number最大值

为什么会超过Number最大值公司是做银行柜面系统的，新系统前端页面组件使用的是vue，需要封装vue组件，完善公司组件库，其中有一个是金额文本框，组件需要有最大值属性，银行系统中金额数值会比较大，需考虑超过
年轻的叔叔·2023-04-01 18:48

Vue组件库工程探索与实践——构建工具篇

我们团队近期发布了移动端Vue组件库NutUI的2.0版[1]，2.0不是1.0的升级，而是一个全新的组件库。
李大凡·2023-04-01 14:30

Vuex学习总结

状态：在这可以理解为在data中的属性需要共享给其他vue组件使用的部分，就叫状态，简单的说就是data中需要共用的属性。比如：我们有几个页面需要显示用户名称和用户等级，或者用户的地理位置。
晏子小七·2023-04-01 14:45

自定义vue组件--实现多图片上传

一引入文件上传在日常的开发中是一项基本的操作,在前端中得以广泛的使用,因此将其封装成一个组件显得极为重要,本文主要是基于vue实现的自定义多图片上传组件.二自定义vue上传组件MultiUpload组件的封装importMultiUploadfrom'@/components/Upload/MultiUpload'components:{MultiUpload},-->exportdefault{
Instanceztt·2023-04-01 14:40

vue的mixin的使用

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

ChatGPT AI生成的VUE教程博客大纲

1.Vue.js简介：了解Vue.js的概念和特点2.安装和配置：如何在你的项目中使用Vue.js3.Vue模板语法：学习如何使用Vue模板语法渲染数据4.Vue实例：学习如何创建和使用Vue实例5.Vue
Joe.Xie·2023-04-01 12:12

Vue中的 props 属性

2.props的使用--1先准备子组件Text1.vue，一个父组件app.vue，在App.vue中导入两个子组件--2在App.vue中导入text1.vue组件--3在父组件中子组件标签里传数据给子组件
游小北·2023-04-01 05:53

vue组件component的注册与使用

1.什么是Vue组件（1）定义组件是Vue是一个可以重复使用的Vue实例,它拥有独一无二的组件名称,它可以扩展HTML元素,以组件名称的方式作为自定义的HTML标签。
游小北·2023-04-01 05:23

[每天进步一点点~] vue笔记（一）css样式中深度作用选择器scoped

在style标签中添加一个scoped属性，可以使css样式只作用于加了scoped属性的vue组件。
WYL_99·2023-04-01 02:43

Vue组件中如何引入外部的js文件

背景在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用npminstallxxx的方式，有什么办法吗？方式一简单粗暴，直接在Vue项目的index.html中使用全局的方式引入，比如：帮BOSS|测评{{ie9/resources/js/history.min.js}}//暴力引入缺点：不使用该js插件
前端队长Daotin·2023-03-31 21:49

vue-countTo---简单好用的一个数字滚动插件

vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置startVal和endVal，它会自动判断计数或倒计时。
Alice_web·2023-03-31 14:07

2022-05-24 随笔 使用vite构建一个npm包

npmcreatevite#Projectname:test-btn#Selectaframework:vue#Selectavariant:vuecdvuenpmi在components目录下创建一个TestBtn.vue
narcissus灬·2023-03-31 14:03

vue常问面试题（一）

vue组件的data为什么必须是个函数而vue的根实例没
白意莲·2023-03-31 13:23

vue防止按钮在短时间内被多次点击的方法

1.vue组件(function(){letopenDelay=false;Vue.directive('intervalclick',function(el,binding){el.onclick=function
当下郁闷·2023-03-31 13:33

Vuex重置store的方法记录

Vue项目中使用Vuex作为状态管理已经是比较通用的做法了，Vuex本质上类似全局的变量存储，方便在所有Vue组件中共享，而且也可以动态改变状态。
Gary的个人空间·2023-03-31 04:57

Vue组件-父组件向子组件传值

父组件向子组件传值组件中可以用props来声明需要从父级接收的数据。props和data、method平级,有两种方式：1.字符串数组方式,数组中的字符串就是传递时的名称title{{msg}}letparent=Vue.extend({template:'#temp',data(){return{msg:'默认'}},//第二步使用props接收数据props:["msg"]})varapp=n
Nodine·2023-03-31 02:06

Vue组件Prop -Type 属性

type(规定数据类型)String字符串Number数字Boolean布尔Array数组Object对象Date日期Function函数Symbol独一无二的值(es6)defaultdefault:(默认值)基础数据类型:直接赋值对象数据类型:用函数赋值()=>[]requiredrequired:(必填项)默认为false,说明父级必须传入,否则会报错validatorvalidator:校
张飞飞啦啦·2023-03-31 02:00

vue Teleport和ref结合复用弹框组件

1、首先新建conform.vue组件，其内容为：{{title}}x{{text}}取消确认import{onMounted,ref,}from'vue'exportdefault{name:'conform
jjw_zyfx·2023-03-30 19:35

封装vue组件库，发布npm

市面上目前已有各种各样的UI组件库，比如Element和iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。为何要进行组件库开发？如果你所在的公司对于页面的样式没有什么要求，那么你只要随便拿一个组件库来用就行了，比如element、iView等等，不用再重复造轮子了；如果你目前只有个人用一个组件，或者是
cuicui_0829·2023-03-29 22:20

前端经典问题

VUE1、v-show和v-if的区别2、为何v-for中要用key3、描述Vue组件生命周期（有父子组件的情况）4、vue组件如何通讯5、描述组件渲染和更新的过程？
ToChong·2023-03-29 17:27

vuex管理状态仓库使用详解

VueX是一个专门为Vue.js应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态场景：多个组件共享数据或者是跨组件传递数据时vuex的五个核心概念：State：共享状态，vuex
爱学习的小仙女早睡早起·2023-03-29 15:18

【vue面试题几则】1.封装vue组件 2.vue组件传值 3.vue组件data为啥是函数 4.组件的命名规范

1.请说下封装vue组件的过程首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题。
嘻咦啊写·2023-03-29 15:28

vue组件间传值---下到上 篇

$emit：向父级传值单纯从emit角度而言没啥好说的组件内部$emit('someEvent')使用组件时:,注意这里不传参,someEvent需保持一致son组件这是son组件来自father的值(fatherToSon1)：{{fatherToSon1}}使用emitexportdefault{name:"Son",data(){return{sonData:1}},props:{fathe
lighterss·2023-03-29 14:19

Vue中的路由配置项meta（及权限登录不同的导航）

可以在路由导航守卫跳转的时候判断有没有这个信息,如果有让跳转如：设置meta属性设置路由守卫③.根据不同的用户权限分配不同的路由导航当我登录是，通过判断是管理员还是普通用户，引导他们进入不同的内容的index.vue
厚积薄发的Cicci·2023-03-29 10:27

如何在blade文档中使用Vue组件

1.首先我们在"工程目录/resources/assets/js/components"目录下新增一个Vue组件(也就是增加一个.vue文件)比如Welcome.vue：欢迎//这里写本组件的js代码/
CodingLady·2023-03-29 09:35

自定义input组件如何实现拖拽文件上传

目录自定义input组件实现拖拽文件上传vue部分逻辑部分删除当前文件封装的tag-input组件最后实现的效果多图上传组件vue组件template部分组件script部分组件使用组件完整代码（含裁剪组件
·2023-03-29 08:24
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他