vue组件

Vue实例的对象参数options的几个常用选项

一.新建一个Vue实例可以有下列两种方式：1.new一个实例varapp=newVue({el:'#todo-app',//挂载元素data:{//在.vue组件中data是一个函数，要写成data()
加油加油加油啊·2020-07-15 07:20

vue组件间的交互方法总结（边用边整理）

今天突然想总结下vue组件之间的交互方法，于是边写case边整理交互方式一：使用props和$emit【解析】父组件通过v-on绑定一个属性向子组件传递数据，子组件通过props接收父组件的数据；子组件通过
豆子麻麻·2020-07-15 07:12

一文读懂，vue组件传值

看了很多关于vue组件传值的文章，于是想把文章总结一下，把关于vue组件传值好好聊聊，欢迎大家指正。
银鞍照白马·2020-07-15 06:35

vue插槽slot踩坑--父组件通信

当我们在封装vue组件时，难免会用到插槽slot来进行子组件的嵌套，那么，当slot插槽处的内容组件需要和父组件进行通信时，怎么办呢？
追风programer·2020-07-15 06:28

vue组件之间传值(bus)

1.在main.js中注册全局的busVue.prototype.bus=newVue();2.在组件中使用//子组建使用：this.bus.$emit('自定义事件名',实参)methods:{handleClick(){//触发事件this.bus.$emit('openMenu',true)}}//父组建使用:this.bus.$on("自定义事件名",msg=>{})mounted(){/
丽丽大神ing·2020-07-15 06:57

使用vuepress搭建静态博客

veuPress由vue,vue-router,webpack驱动的单页面应用，每个markdonw文件都使用markdonw-it编译为html文件，然后作为vue组件的模板来处理。
仙女爱吃鱼·2020-07-15 06:06

vuex 基本入门和使用（一）

状态这里泛指vue组件的一些当前的状况和性质，例如当前a组件是获取到了10条数据，这是一个状态，b组件滚动到某个位置，这也是一个状态。状态管理是什么：状态管理是对之
weixin_34392906·2020-07-15 05:45

vuex 入门详解（一）

如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。
weixin_34306446·2020-07-15 05:07

Vue-组件详解

组件详解组件与复用Vue组件需要注册后才可以使用。注册有全局注册和局部注册两种方式。
weixin_34195364·2020-07-15 05:10

vue组件挂载到全局方法

在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。以bootstrap-vue中的Alert组件为例，分一下几步
weixin_34037173·2020-07-15 04:32

vue组件测试用例实践一(搭建vue测试框架)

思考组件测试的意义非组件不好测的原因前端自动化测试一直是被忽略的，当然很大部分原因可能是因为人手不足，但是当我们从技术的角度来看，更主要的是因为前端测试用例的复杂性。首先从样式上来说，首先是变化可能很频繁，而且样式测试本身意义就不是很大。其次，在传统的jquery框架中，其大部分方法是需要依赖上下文的，而且这样的方法可能有很多，每个页面都要单独的测试实在是费时费力，付出和收获实在不成正比。组件测试
weixin_33819479·2020-07-15 04:22

vuex所有核心概念完整解析State Getters Mutations Actions

vuex是解决vue组件和组件间相互通信而存在的，vuex理解起来稍微复杂，但一旦看懂则即为好用：安装：npminstall--savevuex引入importVuexfrom'vuex'importVuefrom'vue'Vue.use
helloxielan·2020-07-15 04:37

vue组件之menu导航菜单

menu导航菜单组件预览地址组件之间的通信扩展forMacforWindows如何使用快速入门进阶配置多语言支持复制代码selected的传递如图所示，关于(selected:被选中的那个item),在menu里面控制，通过watchChild“监听每个item”,一旦menu-item被点击便会触发this.$emit('menuItemUpdate',this.name)复制代码这里menu便
weixin_33714884·2020-07-15 04:14

vue组件详解（五）——组件高级用法

一、递归组件组件在它的模板内可以递归地调用自己，只要给组件设置name的选项就可以了。示例如下：Vue.component('my-component19',{name:'my-component19',//其实当你利用Vue.component全局注册了一个组件，全局的ID会被自动设置为组件的name。props:{count:{type:Number,default:1}},template:
weixin_30332705·2020-07-15 02:41

vuex核心概念

1.statestate就是全局的状态（数据源），我们可以用以下方式在Vue组件中获得Vuex的state状态template{{$store.state.count}}scriptconsole.log
wandoumm·2020-07-15 02:26

Vue组件与通信：6个实例解析组件应用

本文目录1.Vue组件2.组件注册(全局和局部)3.动手创建一个组件4.实现父子通信props(静态动态和传值类型)5.实现父子通信$ref6.实现子组件向父组件通信$emit7.实现子向子组件的通信1
tomorrownan·2020-07-15 02:25

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

前言前面写了组件的创建、切换等等篇章，主要讲述了组件自身如何在父组件app中如何渲染使用。这里存在一个问题，就是父组件的数据如何传递到子组件中。这是一个很常见的情况，如果是jQuery那么都是直接传参数就是了，而在Vue框架中，这里就要使用子组件中props属性来处理了。官网介绍props地址：https://cn.vuejs.org/v2/guide/components-props.html那
海洋的渔夫·2020-07-15 01:04

Vue组件切换动画以及mode效果设置

前言上一篇使用component元素实现组件切换，但是没有切换的动画效果。那么可以参考官网的例子，实现一下组件切换的动画，以及mode效果设置。官网说明：多个组件的过渡多个组件的过渡简单很多-我们不需要使用keyattribute。相反，我们只需要使用动态组件：newVue({el:'#transition-components-demo',data:{view:'v-a'},components
海洋的渔夫·2020-07-15 01:33

Vue组件切换 使用v-if、v-else结合flag进行切换

需求在登陆页面的需求中，一般都会有登陆、注册两个按钮，然后点击不同的按钮显示不同的页面。在这里对应的页面可以是一个组件。那么通过点击不同的按钮，切换不同的组件页面。下面使用v-if、v-else结合flag来实现这个页面的切换需求。示例1.首先创建两个全局组件，作为切换的页面image-202002071524102642.设置切换按钮，以及应用两个组件image-2020020715244874
海洋的渔夫·2020-07-15 01:33

Vue组件切换-使用component元素实现组件切换

需求上一篇章使用v-if和v-else结合一个flag属性值来控制组件之间的切换。本章节使用components元素来更加直接的切换组件。使用示例如下：只需要绑定方法修改comName的值对应不同注册的组件名，就可以达到切换组件的效果。示例1.创建登陆、注册两个组件，并初始化定义组件名变量comNameimage-202002071724445592.使用component设置指定:is组件名称，
海洋的渔夫·2020-07-15 01:33

VUE：Vuex--状态管理模式(store/state/Getter/Action/Mutation/Module)

当Vue组件从store中读取状态的
Schon_zh·2020-07-15 00:37

vue源码(二)-vue组件通信方式

vue源码(二)-vue组件通信方式一、组件化组件化开发能够提高开发效率，方便重复使用简化调试步骤，提升项目的可维护性，便于多人系统开发二、通信方式1.父组件->子组件1.1通过属性props进行传递子组件进行定义一个字段
suwu150·2020-07-14 23:27

CRM 项目总结

1.vue组件引用：import名字form"路径"exportdefault{name:"",components:{组件名字}，props:[],data(){return{}},methods:{
sj1527382290·2020-07-14 22:27

基于vue2.0+vuex的日期选择组件

calendarvue日期选择组件介绍一个选择日期的vue组件基于vue2.0+vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了github
大灰狼的小绵羊哥哥·2020-07-14 22:42

vue组件之间的多种通信方法

这里提供三种不同情况下vue组件的通信方式。http://www.jianshu.com/p/a78277be91d0一.vue父子组件通信vue父子组件通信可以用Vue.$emit自定义事件来解决。
大灰狼的小绵羊哥哥·2020-07-14 22:11

在Vue项目中使用Vuex

以我的理解就是在vue组件的data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。所以Vuex可以这么理解：集中管理所有组件中需要共用的属性（
业余选手李主任·2020-07-14 22:51

ASP.NET母版页（Razor主版页面框架）

本篇介绍一下ASP.NET中强大的Razor语法，以及下篇我们将介绍，在Java环境中，依靠VUE组件实现此功能。
超帅的菜鸟博主·2020-07-14 22:16

Vuex入门学习

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地
KyLin1997·2020-07-14 22:15

VUE组件间传值及适用场景

VUE组件间传值及适用场景VUE通信父子通信兄弟通信跨级通信VUE通信你好，很开心能分享自己GET到的VUE组件间传值的相关知识点。
香痕满衣袖·2020-07-14 21:02

vue的组件化开发（组件通信，插槽，递归组件）

1.vue组件的通信：包括子通父，父通子，兄弟通信，祖代与后代通信，vuex全局状态管理。1.1父向子通信：props属性和refs属性。
Ace.斗皇·2020-07-14 20:28

vue.js从入门到深入再到随心而用————vue电商项目006(商品管理模块)

vue电商项目006:商品管理模块1.商品列表1.1商品列表的初始化1.2数据展示1.3实现删除商品1.4完成后的效果和代码2.添加商品功能2.1添加商品功能完成后的效果2.2创建和布局Add.vue组件
My-Belief·2020-07-14 20:49

深度解析为什么vue组件中添加scoped后某些样式不生效？给出解决办法

目录1简述2深度解析2.1不添加scoped2.2添加scoped3解决办法3.1官方解决办法3.2博主选择的解决办法1简述博主近期使用vue时写发现某些样式不生效，怎么都不生效，不过将style中的scoped去掉后，居然生效了，那么出现样式不生效的原因肯定就是scoped捣的鬼，在仔细研究过后得出了一些结论，包括为什么会出现这种情况和解决办法，在此分享。2深度解析为了便于展示和理解，博主在这里
Arrow and Bullet·2020-07-14 20:28

基于ElementUI的Upload 上传组件封装适用于项目的ExcelUpload.vue组件

产品需求：因为是批量上传故前端只需要将文件传到后端即可；上传成功之后需要将数据报存到商品ID组件中，且用表格形式进行展示，如下图一；上传成功之后需有弹框展示上传成功的总个数，若有失败商品ID,则需将失败商品ID展示（只需展示失败的前100个），且失败的商品id支持按钮复制功能，如下图二；图一：图二：组件代码：上传xls、xlsx格式文件模板文件下载{{this.totalCnt}}个商品id全部上
小仙喵bug的母上大人·2020-07-14 20:58

Antd is not defined 解决办法

vue组件完整导入配置的时候一直出现Antdisnotdefined的提示作者在配置完整导入之前，配置了按需导入，故而安装了babel-plugin-import插件，修改.babelrc文件，配置babel-plugin-import
醉醉美丽栗子·2020-07-14 19:48

前端学习计划

本人仅负责贴出写在前面本培训文档重在基础，如有已经掌握的内容可以选择性的跳过，加快学习进度对于大量记忆性内容，不需要死记硬背，用到时通过速查列表再查就可以文章目录前端学习计划写在前面工具基础html一周css一周js两周框架VUE
紫气逍遥·2020-07-14 19:14

简单的vue scroll 组件

使用1赋值代码，封装成vue组件2安装这三个依赖3给引入的组件一个固定的高度。使劲往下拉刷新成功loading......我是有底线的_______!
yuange11111·2020-07-14 19:09

在Vue项目中 new Vue() 和export default{}区别

在生成、导出、导入、使用Vue组件的时候，像我这种新手就会常常被位于不同文件的newVue()和exportdefault{}搞得晕头转向。它们含义到底是什么，又有什么异同呢？
滑过了流星·2020-07-14 19:22

结合源码谈谈对vue组件化的理解

1.组件定义全局组件和单文件组件两种方式2.1全局组件源码分析1：src\core\global-api\assets.js//是component，filter，directive三个的综合方法exportfunctioninitAssetRegisters(Vue:GlobalAPI){/***Createassetregistrationmethods.*///['component'，'f
林不羁·2020-07-14 18:24

vue组件-视频播放之video.js

最近在练手一个小项目，想给首页增加一个视频介绍（如下图）。涉及到了vue视频播放的功能，所以在网上了解了一下。相关的插件是Video.js，官网讲解比较详细，我罗列出来，可以根据自己需要去查看。官网地址：1.video.js整合vue的地址：https://docs.videojs.com/tutorial-vue.html2.video.js框架API的地址：https://docs.video
wuzhiaite·2020-07-14 18:00

vue组件中使用vuex中state对象的几种方式

//第一种方式{{$store.state.count}}exportdefault{name:'test',data(){return{}}}//第二种方式{{count}}exportdefault{name:'test',data(){return{}},computed:{count(){returnthis.$store.state.count;//步骤一}}}//第三种方式{{coun
炉火纯青-旺·2020-07-14 18:47

vue面试题汇总之vue核心知识点

vue组件的核心选项:2.请说出vue几种常用的指令v-text：更新DOM对象的textContentv-html：更新DOM对
鲁小班吖·2020-07-14 18:36

Vue之Slot插槽

Vue组件化开发，除了单纯的引用一个组件外，还可以给组件定制化一些特有的东西。组件负责完成基本功能，提供一些Slot插槽，供调用方完成一些特有的功能。
程序员小潘·2020-07-14 17:30

vuex教程(详细)附带demo

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。(就是一种向各个组件可以传参的方式)1.准备用脚手架
潇蓝诺依·2020-07-14 17:34

Vue移动端项目模板h5

基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的移动端vue
导演字母·2020-07-14 17:29

Vuex核心原理

围绕这个生态圈，简要介绍一下各模块在核心流程中的主要功能：•VueComponents：Vue组件。HTML页面上，负责接收用户操作等交互行为，执行dispatch方法触发对应action进行回应。
amooooooo·2020-07-14 17:20

vue组件开发之组件之间的数据交互

组件键数据交互父组件向子组件传值组件内部通过props接收传递过来的值Vue.component('menu-item',{props:['title',...],//里面的值都是从父组件中传递过来的template:'{{title}}'})父组件通过属性将值传递给子组件实际上props中的就是给了子组件一个名称，还是需要在创建的标签中给这个名称赋予父组件的值props属性名规则在props中使
写bug呢...·2020-07-14 16:24

vue组件中的样式属性--scoped

vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素它是通过使用PostCSS来改变以下内容实现的:.example{color:red;}hi渲染结果：.
ygman·2020-07-14 16:02

VUE使用富文本编辑器插件

1、npm安装编辑器组件npminstallvue-quill-editor--save2、在components文件夹创建ue.vue组件，如下exportdefault{name:'UE',data
Enter丶七哥·2020-07-14 16:17

CDN方式使用Vue组件通信

代码示例插槽会显示这段内容//定义子组件Vue.component("child",{//接收父组件传递过来的参数props:["title"],data(){return{count:0}},template:"{{title}}{{count}}按钮",methods:{handleClick(){this.count++;//向父组件传递事件this.$emit("buttonclick",
彭世瑜·2020-07-14 15:26

Vue 常用API整理 1 - 组件属性与方法

Vue常用API整理1-组件属性与方法1.单文件组件说明.vue文件是一个自定义的文件类型，用类HTML语法描述一个Vue组件。
mjzhang1993·2020-07-14 15:00
上一页 109 110 111 112 113 114 115 116 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他