vue组件

前端开发者的福音！通过拖拽就可生成Vue代码的平台来了！

Vue组件代码生成平台Vue组件代码生成平台是一款面向Vue开发者的拖拽式组件代码生成工具。通过它可以快速搭建Vue组件的代码骨架结构。开发者可在此基础上进行二次开发。
Sahadev·2022-02-12 16:35

深入理解Vue组件3大核心概念

摘要：搞懂Vue组件！作者：浪里行舟原文：详解vue组件三大核心概念Fundebug经授权转载，版权归原作者所有。
Fundebug·2022-02-12 12:25

础组件的自动化全局注册

，做一下记录，关于础组件的自动化全局注册的问题，在我的项目列表里，components/base-components/文件夹下，有多个base开头加‘-’的Vue文件列表，为了自动注册这个文件夹下的vue
魏燕勿忘初心·2022-02-12 12:02

解决vuex刷新页面数据丢失

1、前言vue构建的项目中，vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效刷新，问题来了，vuex存储的数据只是在页面中
coderfl·2022-02-12 02:54

Vue组件化入门详解

文件首先创建文件，在终端进入该文件目录下,输入vueinitwebpackvuetest这一步实例化一个Vue构造函数，会执行Vue的init方法，在init方法中只要执行三部分，一是初始化环境变量，而是处理Vue
bo_bo_bo_la·2022-02-11 17:18

webpack如何打包一个按需引入的vue组件库

目录前言在项目中使用vue组件库的一般姿势webpack实现可按需引入的组件库接下来就是使用webpack打包调试组件库npm发布步骤非常简单，只需4步调试组件库按需引入总结前言在公司里一般有多个相同技术栈的项目
·2022-02-11 16:39

vue_页面跳转实时刷新

vue组件和组件间使用router跳转的时候，除了首次实例化会加载数据，第二次进组件的时候，是不会再次实例化组件的，也就是调用的缓存，不能实时刷新组件。
氨基钠·2022-02-11 07:33

Vue组件练习题

练习一要求：用组件的方法实现点击加或减按钮时数量、加减、总计也随之加减模拟购物车.png代码如下Vue.component('my-main',{template:`编号名称单价数量总价`,data:function(){return{list:[{pname:'apple',price:3,count:2,sub:6},{pname:'pear',price:4,count:3,sub:12},
Cherish丶任倩·2022-02-10 19:10

vue组件（盒子）动态循序位置

//关联模块importMainCardfrom'./module/card'importOrderRevenuefrom'./module/orderRevenue'importSpaceFieldfrom'./module/spaceField'importFieldSchedulefrom'./module/fieldSchedule'import{mapGetters}from'vuex'
louiebb·2022-02-10 09:55

14.在vue中使用其他状态管理器

mobx中文文档：mobxAPImobx-vue组件：mobx-vuevuet官网:vuet
白水螺丝·2022-02-10 08:51

vue组件数据改变但是组件不刷新怎么办（关于v-show）

未点击时效果图：初始状态.png点击后：第一次点击后.png如果只是用js,很容易解决，可在vue组件中并非如此了。开始的时候，只写了一个控件来切换背景图片，但是类似于th
落崖惊风yxy·2022-02-10 08:52

vuex State

在Vue组件中获得Vuex状态由于Vuex的状态存储是响应式的，从store实例中读取状态最简单的方法就是在计算属性中返回某个状态：//创建
小冕·2022-02-09 15:03

2018-07-16

vue组件学习1、组件的声明、全局组件和局部组件2、利用props向子组件传递数据3、组件的使用实例【利用组件传值、绑定enter键、v-for循环列表展示输入数据】
轩爱青·2022-02-09 14:54

vue入门指南总结

3.Vue实例一个Vue应用由一个通过newVue创建的根vue，以及可选的嵌套组件和可选的组件树组成，所有的vue组件都是vue实
写前端的大叔·2022-02-09 11:30

2018-09-20

vue组件的简单使用1，组件之间的内容传递：首先是:父元素向子元素传递内容，使用属性进行传值：实例：Vue.component("my-content",{template:`我是my-content组件的标题
慎独_AB·2022-02-08 18:24

结合源码，谈谈对vue中diff算法的理解

也就是任何一个vue组件的实例，在它创建完成之后，要挂载的时候去调用mountCompone
林不羁·2022-02-08 10:22

大前端进阶~如何构建组件库

前言在日常开发过程中，构建组件库是必不可少的一环，此篇文章就是描述如何搭建一个完整的组件库，解决组件库开发发布过程中的如下问题：1.如何在最少的依赖下快速开发一个vue组件。
WEB前端含光·2022-02-07 17:31

vue组件通讯

父子通讯父组件向子组件通讯(单向数据流传递，子组件不应该改变父组件里面数据的值),父组件代码如下父组件在调用子组件的标签上声明自定义属性，该属性的值为父组件要向子组件通讯的内容，props:["speaktoson"]子组件通过props属性声明上述步骤中的自定义属性为自组件的数据(变量)子父通讯子组件通过$emit('eventName','toDeliverData')发送一个自定义事件thi
Hachiman·2022-02-07 10:49

Vue基础八

Vue.js-day6注意：有时候使用npminode-sass-D装不上，这时候，就必须使用cnpminode-sass-D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行
折枝赠远方·2022-02-07 04:53

uni微信小程序优化，多个分包在用的公共代码该放在哪？

公共的代码包括公用的vue组件和js代码，从维护性的角度来说应该放到主包才对，但是主包有大小限制，如果把2个分包都在用的代码放到主包里面那2M很快就满了。所以该放在哪?
爱吃巧克力的狗·2022-02-06 21:00

腾讯云直播 tcplayer， 前端 vue 项目经验记录

腾讯云文档直播拉流：https://cloud.tencent.com/document/product/454/75031.在index.html中引入初始化脚本（可将其保存在本地）;2.在vue组件中放置容器
seatownzhang·2022-02-06 07:24

vue-组件

组件组件的创建方式第一种//1.1使用Vue.extend来创建全局的Vue组件//varcom1=Vue.extend({//template:'这是使用Vue.extend创建的组件'//通过template
跌倒的小黄瓜·2022-02-06 01:10

Vuex基础使用和双向绑定

文章的开头说过Vue的组件都是一个个Vue实例，Vuex也可以这样来看,具体对比关系如下：Vuex主要作用Vue组件State用来保存状态相当于data属性Getter用来对属性进行组合修改相当于计算属性
Wermdany·2022-02-05 21:43

vue项目中封装elementui表格组件的使用

1.在components里创建一个文件夹，在文件夹里创建一个el-table.vue组件，组件代码如下/*使用插槽去自定义表格最左边一列的内容，例如表格需加入多选框列时*//*判断是否有需特殊处理的字段内容
EV曦·2022-02-05 16:48

像开发Element-Ui一样开发vue组件，当作npm包并上传到npm上

开发vue组件首先要做的事就是先创建一个vue项目，通过vue-cli命令创建vue项目。
前端报刊·2022-02-05 07:35

Vue组件化开发的必备技能之组件递归

目录前言效果展示渲染完整数据效果如下获取节点数据效果如下动态展开收起效果如下完整代码效果如下总结前言不知道大家有没遇到过这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个for循环搞定，但是层级多或者层级不确定就有点无从下手了。其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是我们想要的，改起来也非常
·2022-02-04 16:07

2-5【微信小程序全栈开发课程】个人中心页面搭建

每个页面文件夹中都要有main.js文件//加载vue组件和me.vue文件importVuefrom'
l猫宁一·2022-02-04 15:42

[Vue warn]： You are using the runtime-only build of Vue where the template compiler is not availa...

目录出错现象出错原因Vue的构建版本解决方案M1：将运行时版换成完整版本M2：直接使用render函数渲染出错现象这个报错是我在vue-cli项目中写vue组件用到template属性并测试的时候报出来的问题
顽皮的雪狐七七·2022-02-03 15:45

根据焦点获取自适应大小位置的漂移边框-vue组件

164374652457820222243241.gif/***页面不要滚动,不然位置边框位置不更新*/exportdefault{props:{color:{type:String,default:"#337ab7"},borderRadius:{type:String,default:"2px"},spreadWidth:{type:String,default:"2px"},},data()
littlesunn·2022-02-02 04:50

2022年vue面试题总结

vue中data为什么是一个函数vue组件是用来复用的，且JS里对象是引用关系，如果组件中data是一个对象，那么这样作用域没有隔离，子组件中的data属性值会相互影响，如果组件中data选项是一个函数
小溪流jun·2022-01-27 15:21

2020-07-03：web前端使用原生js实现图片滑轮滚动放大缩小、vue项目中使用scoped、用el-date-picker回显、json文档的解析、HTML、this指向

1、vue项目中使用scoped当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。
wangs·2022-01-17 17:43

Vue组件-slot

插槽分类默认插槽（匿名插槽）（单个插槽）具名插槽作用域插槽插槽的作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式。插槽显示不显示，怎么显示，是父组件及控制。显示在什么位置，是子组件控制。使用方式1.默认插槽//父组件这里是父组件菜单1菜单2菜单3//子组件这里是子组件2.具名插槽//父组件这里是父组件//这里可以使用v-slot。vue2.6以后提出的，但是，必须写在te
·2022-01-14 18:58

Vue组件

VUE组件全局组件注意事项组件中的data必须是一个函数，这样就能让各个组件的数据独立。
·2022-01-13 17:59

让Vue组件变成Powerful的组件

npminstall--savepowerful-component仅仅需要你遵循很少的规范，便可以使你的Vue组件得到增强。获得以下功能.页面是否加载完成的变量page
·2022-01-12 16:50

如何从0开发一个Vue组件库并发布到npm

1、新建文件夹在终端打开执行npminit-y生成package.json如下,注意如果要发布到npm,name不能有下划线,大写字母等{"name":"vuecomponentdi","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit
贵贵贵子·2022-01-12 14:54

使用VUE组件创建SpreadJS自定义单元格(二)

想了解具体内容可看点击查看使用VUE组件创建SpreadJS自定义单元格(一)。但是在实际场景中，我们可能只需要动态创建VUE组件，而组件的template内容并不需要动态加载。
·2022-01-12 14:07

使用VUE组件创建SpreadJS自定义单元格(二)

想了解具体内容可看点击查看使用VUE组件创建SpreadJS自定义单元格(一)。但是在实际场景中，我们可能只需要动态创建VUE组件，而组件的template内容并不需要动态加载。
·2022-01-12 13:20

Vue组件之间四种通信方式详解

下面介绍vue组件通信的几种方法父子组件通信父组件传递props给子组件（数据以及改变数据的方法），子组件通过$emit来更新父组件的状态父组件定义，声明状态
·2022-01-10 15:19

使用VUE组件创建SpreadJS自定义单元格(一)

作为近五年都冲在热门框架排行榜首的Vue，大家一定会学到的一部分就是组件的使用。前端开发的模块化，可以让代码逻辑更加简单清晰，项目的扩展性大大加强。对于Vue而言，模块化的体现集中在组件之上，以组件为单位实现模块化。通常我们使用组件的方式是，在实例化Vue对象之前，通过Vue.component方法来注册全局的组件。//告诉Vue，现在需要组件todo-item，配置如下，包含props和temp
·2022-01-07 11:57

开源了！唱吧 UI 组件库开源了！

这是一套基于AdminLTE的Vue组件库，目前已包括30个组件和功能模块。
·2021-12-31 17:18

600行代码，就为了让 wangEditor5 在 vue3 中更好用

1、前言wangEditor5已经公测有一段时间了，在公测群里经常有人问一些官方提供的vue组件相关的问题，因此我从使用这角度总结了一下当前@wangeditor/editor-for-vue@next
·2021-12-30 17:05

化整为零的Vue组件化开发

“工业4.0”这一以信息化技术促进产业变革的时代，前端技术不断发展，前端开发能够处理的业务越来越多，网页也变得越来越强大和动态化，互联网、云计算、大数据、人工智能、区块链和物联网融合，计算无处不在，软件定义一切，网络包容万物，连接随手可及,这些进步都离不开JavaScript。在目前的开发中，已经把很多服务端的代码放到了浏览器中来执行，这就产生了成千上万行的JavaScript代码，他们连接着各式
·2021-12-30 16:00

化整为零的Vue组件化开发

“工业4.0”这一以信息化技术促进产业变革的时代，前端技术不断发展，前端开发能够处理的业务越来越多，网页也变得越来越强大和动态化，互联网、云计算、大数据、人工智能、区块链和物联网融合，计算无处不在，软件定义一切，网络包容万物，连接随手可及,这些进步都离不开JavaScript。在目前的开发中，已经把很多服务端的代码放到了浏览器中来执行，这就产生了成千上万行的JavaScript代码，他们连接着各式
·2021-12-29 17:13

Vue组件如何自动按需引入详析

目录全局注册局部注册局部自动注册不同方案对比关于组件名参考总结在Vue中我们可以通过全局组件、局部注册的方式来使用组件全局注册通过app.component来创建全局组件import{createApp}from'vue'importHelloWorldfrom'./components/HelloWorld'constapp=createApp({})//全局注册一个名为hello-wolrd的
·2021-12-28 12:16

详解Vuex的属性和作用

VueX是一个专门为Vue.js应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)。vuex可以理解为一种开发模式或框架。比如PHP有t
·2021-12-27 11:53

一篇文章带你了解Vue组件的创建和使用

目录一、什么是组件？二、创建全局组件方式一1、Vue.extend2、Vue.component方式二直接使用Vue.component方式三三、创建局部组件四、组件中的data和methods五、组件间的通信方式props/$emit通过事件形式总结一、什么是组件？组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素
·2021-12-24 18:25

深入了解Vue组件七种通信方式

$attrs/$listener简介代码实例5.provide/inject简介代码实例6.eventBus简介原理分析代码实例7.Vuex代码实例总结vue组件通信的方式，这是在面试中一个非常高频的问题
·2021-12-24 18:53

vue.js中mixin的使用。

Vue中的mixin，是来分发Vue组件中的可复用功能。1、方法和数据在各个组件中不共享不像vuex那样，一个地方修改其他地方也会修改，mixin的数据的作用域就是被引入的组件内部。
·2021-12-22 12:29

在npm上发布一个自己的Vue组件包

首先放一张cli的目录结构图组件路径：src/components/组件文件夹/组件.vuesrc/components/组件文件夹/index.js代码importcomFullCalendarTimelinefrom"./fullCalendarTimeline.vue";comFullCalendarTimeline.install=(Vue)=>Vue.component(comFullC
·2021-12-20 12:00

vue组件 下拉框分页

上图下拉框分页.png和公司签了保密协议啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈所以我把数据全部马赛克了哈哈哈哈哈哈哈哈哈哈哈尼萌就当有就成~~输入框前面有个label，和页面中的其他label保持一致；分页的组件是vue-element-admin中自带的pagination，用elementui的el-pagination也可~~一样的道理反正就是各种传值组件内容↓{{label}}//这是分页组
牛会骑自行车·2021-12-16 13:16
上一页 67 68 69 70 71 72 73 74 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他