vue组件

第四十三周总结——Vue

Vue2总结VueDevtoolsVue.js的基本了解Vue基本简单语法Vue组件生命周期函数计算属性和侦听器修饰符自定义事件过渡动画混入自定义指令插件过滤器Vue2总结VueDevtools    
抓住鼹鼠不撒手·2022-05-24 15:42

vue中mixins的工具的封装方式

js工具代码三、使用这个文件vue组件封装及注意事项调用的时候我们已经会使用父组件向子组件传数据了,那子组件如何来修改父组件的数据呢？mixins工具的封装vue的mixins的工具是什么？
·2022-05-24 13:34

三分钟让你了解 vue 中的父子通讯

vue组件化开发.什么是组件化开发.组件时可以复用的vue实例，封装标签，样式和JS代码vue组件分类:页面组件页面下的功能组件组件化开发:一个页面(.vue)可能有一个或多个组件(.vue)组成完整的页面功能封装的思想
·2022-05-23 14:05

Vue实战篇二十五：使用ECharts绘制疫情折线图

系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue
智慧zhuhuix·2022-05-22 17:27

Vue实战篇二十七：实现走马灯效果的商品轮播图

系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue
智慧zhuhuix·2022-05-22 17:25

Vue组件之间如何进行通信

vue组件之间的传值大致分为三种：父组件给子组件传值，子组件给父组件传值，兄弟组件之间传值vue组件之间简单的数据传递，如果组件之间传递的数据比较复杂，建议使用vue的状态管理模式vuex父组件给子组件传值
巧克力恋人·2022-05-21 11:05

【 web高级 01vue 】 vue直播课01 vue组件化实践

课堂目标深入理解Vue的组件化机制掌握Vue组件化常用技术能够设计并实现多种类型的组件加深对一些Vue原理的理解学会看开源组件库源码知识要点组件通信方式盘点组件复合递归组件组件构造函数和实例渲染函数组件挂载
weixin_42580704·2022-05-21 11:29

第 3 节 JavaScript高阶函数的使用、v-model、组件化

高阶函数的使用v-modelv-model的使用和原理v-model结合radio类型使用v-model：checkboxv-model：selectinput中的值绑定v-model修饰符的使用组件化Vue
Sunnie ！！·2022-05-21 11:23

vue-入门篇二

7.vue组件7.1什么是组件组件（Component）是Vue.js最强大的功能之一，组件是一个自定义元素或称为一个模块，包括所需的模板（HTML）、逻辑（JavaScript）和样式（CSS）。
我是菜鸟ddd·2022-05-21 11:52

vue实战2：

文章目录一、后台环境初配置二、前端1.配置环境步骤2、解析代码，简化（1）介绍main.js（2）清洁框架3.创建组件3.1床架login.vue组件3.1.1iconfont的引入3.1.2添加样式3.1.3
weixin_44953928·2022-05-21 07:30

【Vue知识点】 vue组件之间如何传值

1、父组件传值子组件父组件：子组件：props:['msg']props:{msg:数据类型}子组件props的内容为冒号后面的内容，不是引号里面的内容，一般来说是:xxx='msg'，props:['xxx']，为了方便一般冒号和引号里的内容一致。2、子组件传值父组件子组件：this.$emit("childInput",this.changeVal);父组件：methods:{getVal(m
翘阳啦·2022-05-20 18:44

element-ui的使用（四）

首页路由的重定向我们在登录完毕后，希望进入到首页后，右侧主要内容区域可以后Welcome字样，这就需要我们为home路由设置子路由并进行重定向首先创建Welcome.vue组件，编辑文字Welcome,
·2022-05-20 15:11

vue插槽样式_三、深入Vue组件——Vue插槽slot、动态组件

一、插槽slot()1.1简单插槽slot【功能】用于从父组件中，通过子组件写成双标签，向子组件中放入自定的内容parent.vue【1】首先把child写成双标签样式，把要插入的内容放双标签中间【注】如果要控制样式在父组件中，在子组件中写样式都可以父组件插入子组件的内容importChildfrom'./child';exportdefault{name:'parent',components:
无畏道人·2022-05-19 20:42

vue2 过滤器，侦听器，计算属性，axios，vue-cli,vue组件

过滤器过滤器注意点1.要定义在filters节点下，本质上是一个函数2.在过滤器函数中，一定要有return值3.在过滤器的形参中，可以获取到“管道符”前面待处理的那个值4.如果全局过滤器和私有过滤器名字一致，此时按照就近原则，调用的是"私有过滤器"{{message|capi}}Vue.filter('capi',(str)=>{returnstr.charAt(0).toUpperCase()
n'an-n'an·2022-05-17 11:56

Vue基础入门（二）------侦听器、计算属性、vue-cli、vue组件

目录1.侦听器2.计算属性3.vue-cli3.1什么是vue-cli3.2安装和使用3.3vue项目的运行流程4.vue组件4.1vue中的组件化开发4.2组件的props1.侦听器侦听器要定义到watch
举一个栗子吖·2022-05-17 11:19

vue基础入门之侦听器、计算属性、vue-cli、vue组件

immediate选项4.deep选项5.监听对象单个属性的变化计算属性1.什么是计算属性2.计算属性的特点vue-cli1.什么是单页面应用程序2.什么是vue-cli3.安装和使用4.vue项目的运行流程vue
大月月.·2022-05-17 11:42

【Vue入门必备知识篇02】--- 侦听器、计算属性、Vue-cli和Vue组件

前言❤️生活本来就是一场恶战，给止疼药也好，给巴掌也罢，最终都是要单枪匹马练就自身胆量，谁也不例外❤️【Vue入门必备知识篇02】---侦听器、计算属性、vue-cli和vue组件一、watch侦听器（
battledao eternity·2022-05-17 10:30

第十三届蓝桥杯（Web 应用开发）线上模拟赛【第九题】（知乎首页数据动态化）

第十三届蓝桥杯（Web应用开发）线上模拟赛参考答案全集考试需求通过axios请求知乎首页文章列表数据并绑定到List.vue组件。
左手八嘎呀路·2022-05-17 10:56

Vue组件化(ref,props, mixin,.插件)详解

目录1、ref属性2、props配置项props总结3、mixin混入3.1、局部混入3.2、全局混入mixin混入总结4、插件插件总结1、ref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）使用方式：打标识：.....或获取：this.$refs.xxx2、props配置项如果我们需要子组件收到父组件传来的数
·2022-05-15 14:31

详细聊聊vue组件是如何实现组件通讯的

目录前言如何解决组件之间通讯呢？解决方案：父传子实现过程:原理图示父组件Footer.vue子组件MyCon.vue小案例采用了父传子父组件App.vue子组件MyProduct.vue效果展示子传父实现过程原理图示父组件App.vue子组件MyCon.vue商品案例运用了子传父父组件App.vue子组件MyProduct.vue效果展示总结前言每一个组件中的变量和数据都是独立的，如果别的组件想要
·2022-05-14 17:58

如何发布一个公共的 vue 组件到 npm

如何发布一个公共的vue组件到npm参考文章：https://www.freecodecamp.org/news/how-to-create-and-publish-a-vue-component-library
·2022-05-13 16:56

【业务实例】vue组件递归及其应用

menu.jpg递归简介含义：程序调用自身的编程技巧称为递归，那组件调用自身就是组件递归应用场景：在实际业务开发中，通常应用于菜单栏、树组件、多级下拉框等vue实现组件递归调用效果及代码show1.pngimportTestfrom"./test.vue";exportdefault{components:{Test,},props:[],data(){return{testList:[{name
surewinT·2022-05-11 20:53

【业务实例】vue组件递归及其应用

递归简介含义：程序调用自身的编程技巧称为递归，那组件调用自身就是组件递归应用场景：在实际业务开发中，通常应用于菜单栏、树组件、多级下拉框等vue实现组件递归调用效果及代码                                    import Test from "./test.vue";export default {    components: {        Test,   
·2022-05-10 15:44

vue组件的一点探索和思考

文章不易，请关注公众号毛毛虫的小小蜡笔，多多支持，谢谢来源和问题在添加主机和修改密码的弹窗中，都有相同的“测试连通及硬件检测”的功能。如下截图所示：目前的实现方式是，分别在两个弹窗中各自写的代码。那能否抽出来做一个公用的组件呢？因为测试连通的按钮，点击后执行的代码确实比较多，大概40行。虽然可以简单抽出来作为mixin，但如果别的页面也要用呢？想着还是组件复用度和通用性比较高，所以就想抽出来做一个
·2022-05-09 18:05

vue组件传值方式

父组件向子组件传值：父组件importHelloWorldfrom"./components/HelloWorld.vue";//1.引入子组件exportdefault{name:"App",components:{HelloWorld,//2.注册子组件},data(){return{msg2:'动态的值'}},};子组件msg的值=>{{msg}}msg2的值=>{{msg2}}export
小陈情绪员·2022-05-08 13:17

Vue 组件间通信有哪几种方式？

（1）**props/$emit**适用父子组件通信这种方法是Vue组件的基础，相信大部分同学耳闻能详，所以此处就不举例展开介绍。
李小逗逗·2022-05-08 10:23

vue组件通信的几种方式

vue组件中的通信方式一共有3种，它们分别是：1，父子组件通信2，子父组件通信3，兄弟组件通信一，父子组件通信//这是父组件里面有一个num，把num传给子组件importchlidrenfrom'.
庙堂龙吟奈我何·2022-05-08 10:22

vue组件通讯

vue组件通讯方式主要有如下几种：1.props、$emit()父子组件通信2.
gh_0114·2022-05-08 10:15

HBuilder导入vue项目并通过域名访问的过程详解

通过npm命令来安装vue组件和运行vue项目。
·2022-05-05 23:04

vue如何监听页面缓存事件

在App.vue中设置了绑定，所有的信息返回都在app.vue组件里面，但是其他组件怎么去获取？而且需要缓
·2022-05-05 23:32

Vue3/2 组件宽高比固定时基于宽度自适应的一种思路

现实问题我们在写Vue组件时，我们希望当组件的父级宽度一定时，组件能根据固定的宽高比例进行自适应，或者一些背景的自适应，以提高组件的复用性。实现思路在当前组件最外层元素设置ref。
跟着Damon写代码·2022-05-05 23:00

vue - Vue组件化编程

今天是对vue组件化的一个理解，最主要的单文件组件，然后就可以脚手架的学习了，本来昨晚就该上传的，但是用的那个上传博客园的Python脚本不行了，换了一个新的。
Heymar-10·2022-05-05 09:00

学习 Vue组件化编程 这一篇就够了

目录：Java工程师的进阶之旅vue2.0核心vue-cli目录一、对组件的理解1.1、模块与组件、模块化与组件化1.2、传统方式编写应用1.3、组件方式编写应用二、非单文件组件2.1、简介2.2、基本使用2.3、注意点2.4、组件的嵌套三、VueComponent四、内置关系五、单文件组件一、对组件的理解1.1、模块与组件、模块化与组件化1、模块理解：向外提供特定功能的js程序，一般就是一个js
Laptoy·2022-05-04 07:15

vue 在js 文件中使用store_【vue】vue +element 搭建项目，vuex中的store使用

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(co
weixin_39958112·2022-05-02 14:30

vue中tab切换前端实现_vue + element-ui 制作tab切换（切换vue组件，踩坑总结）

本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。1、vue如何使用element-ui上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容(需要了解的朋友点击链接查看)2、创建相应文件。a、创建父组件src/components/tabZujian.vueb、创建自组件(被切换的组件)src/tabCompo
东隅下桑榆·2022-05-02 14:59

海康威视电话面试

js的数据类型4.js数组的操作（反问了我find函数）5.深浅拷贝（问我assign()属于浅拷贝还是深拷贝）6.判断数据类型typeof和instanceof7.防抖和节流8.有没有了解过vue问了vue
DLZ.Ss·2022-05-01 18:40

关于vue组件的更新机制 resize() callResize()

这是vue组件的更新机制。子组件是child，父组件是整个界面，在父组件上任意触发监听，调用方法resize()；resize(
·2022-04-30 12:13

vue封装组件js版基本步骤

目录什么是组件化：Vue组件化思想一.注册组件的基本步骤1.创建组件构造器c-input2.注册组件3.父组件使用二.丰富组件三.父子组件间的通讯1.父---->子通信[propsDown]2.子---
·2022-04-29 23:48

4-Vue-了解

什么是双向数据绑定为什么要实现数据的双向绑定在表单中使用双向数据绑定第一个Vue组件什么是组件为什么要使用Axio
qq_45454784·2022-04-27 11:37

Web前端开发之VUE16——项目开发集、element-UI部署

目录vue-cli:解决PowerShell不能识别vue命令的问题:vue默认提示消息隐藏：vue2路由的创建：vue组件库：Element-UI组件库：修改默认页面名称：vue-cli:解决PowerShell
言行物恒·2022-04-25 14:22

Vue Vuex搭建vuex环境及vuex求和案例分享

数据)管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理(读写)，也是一种组件间通信的方式，且适用于任意组件间通信何时使用多个组件需要共享数据时求和案例–纯vue版新建Count.vue
·2022-04-25 14:45

vue中的mixins混入使用方法

目录作用使用方法全局混入局部混入作用用简单的话去概括就是一种分发vue组件中的功能可以复用一个技术，使用这个技术我们可以把需要复用的内容封装成一个vue组件，方便下次使用方便使用方法首先在src中去创建一个自己的文件夹
·2022-04-24 18:47

关于vue父组件调用子组件的方法

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。我们都知道通过$ref可以获取到某个DOM
·2022-04-24 11:06

Vue项目中new Vue()和export default{}的区别说明

exportdefault{}区别newVue()exportdefault{}import,export和exportdefault注意问题newVue()和exportdefault{}区别在生成、导出、导入、使用Vue
·2022-04-23 13:42

vue验证码(identify)插件使用方法详解

代码：identify.vue组件（主要用于定义参数和方法）     exportdefault{  name:'SIdentify',  props:{   identifyCode:{    type
·2022-04-22 18:52

vue在antDesign框架或elementUI框架组件native事件中触发2次问题

目录vue在antDesign或elementUI组件native事件中触发2次运用ant-design-vue组件库,且在项目中遇到的问题难以改变的默认样式让通知提醒框的内容自动换行table组件表格出现时间时
·2022-04-22 16:33

我说这是全网最全vue组件通信方式，你没意见吧？

父子组件通信propeventstyle和classnatvie修饰符$listenersv-modelsync修饰符$parent和$children$slots和$scopedSlotsref跨组件通信Provide和Injectroutervuexstore模式eventbus父子组件通信prop最常见的组件通信方式，由父组件向子组件传递。prop可接收一个数组或对象//子组件exportd
·2022-04-22 15:12

vue中ant-design-vue组件的安装与使用

目录1.安装2.引入组件库3.使用3.1按钮样式3.2导航栏样式3.3表单样式补充：ant-design-vue的兼容问题总结官方地址：AntDesignVue1.安装首先使用vue-cli创建项目，然后进入项目，使用npm安装ant-design-vue库：npmi--saveant-design-vue@next然后在package.json文件中的dependencies中看见刚刚下载的库：
·2022-04-22 12:56

前端项目中的Vue、React错误监听

window.onerrorerrorCaptured生命周期errorHandler异步错误答案扩展二、React错误监听ErrorBoundarydev和build事件报错异步错误答案扩展一、Vue错误监听题目:如何统一监听Vue
·2022-04-22 11:10

vue中的@click.native 原生点击事件

目录@click.native原生点击事件给vue组件绑定事件时候等同于在自组件中vue点击事件补充.native步骤官网的解释@click.native原生点击事件给vue组件绑定事件时候必须加上native
·2022-04-22 10:40
上一页 63 64 65 66 67 68 69 70 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他