vue组件

Vue组件理解

1关于组件组件可以扩展HTML元素，封装可重用的代码。注册全局组件：Vue.component(tagName,options)的形式。如：Vue.component('my-component',{template:'Thisismycomponent'});组件注册需要在初始化根实例之前进行，即先注册组件，再初始化Vue实例。对组件进行注册之后，就可以在父实例中使用。HTML：JS：//注册全
innocencepj·2020-07-31 18:24

web面试（基础，js,vue）2

统一管理和维护各个Vue组件的可变化状态（数据）。它的核心是5个属性：1、state：Vuex的基本数据。用来存储变量。2、getters：从基本数据中派生的数据，相当于是state计算属性。
青耳~·2020-07-31 18:47

Vue电商项目中遇到的一些问题

1、为什么vue组件有的写成exportdefault，有什么用？
清玄huo·2020-07-31 18:16

Vue组件使用组件定义&组件传值&组件插槽

2.在组件中定义data属性和Vue实例中不同,必须是定义一个方法,在方法中返回一个对象,如方式三中定义的.3.局部注册的组件只能在注册它的父组件中使用.方式一//使用Vue.extend来创建全局的vue
疯子****·2020-07-31 17:20

实现Vue 的 markdown 文档可以在线运行（vue-markdown-run）

闲暇时间我用Vue框架写了一个博客，编辑器是用的markdown文本的形式，介绍性+描述完全能满足我的需求，但是，如果想在线运行我markdown文本中的Vue组件代码，则无法实现了，于是我就自己写了一个组件
diaotanp28742·2020-07-31 17:41

vue组件的inheritAttrs属性

vue官网对于inheritAttrs的属性解释：如果你不希望组件的根元素继承特性，你可以在组件的选项中设置inheritAttrs:false。可能不是很好理解，我们可以举个例子来验证一下。父组件parent-component.vueimportChildComponentfrom'./child-component'exportdefault{components:{ChildCompone
diaobiteng1128·2020-07-31 17:08

使用JS获取一个Vue组件渲染后的内容

前言有这么一个需求：有一个弹窗里面显示的是从服务端获取到的数据内容，可以通过某个按钮来控制弹窗的显示，现在的要求是直接获取到服务端传回来的数据内容后，然后将前端渲染后的内容通过window.print方法打印出来。并且不能让弹窗出现，换句话说：不能通过在弹窗中添加打印按钮来获取当前组件的html.解决过程在之前的代码中，是将该组件的html内容重新写一份print.js，并且将相应的style标签
张子虚·2020-07-31 16:28

Vue组件详解----高级用法

1.动态组件Vue.js提供了一个特殊的元素用来动态地挂载不同的组件，使用is特性来选择要挂载的组件。示例如下：切换到A切换到B切换到Cvarapp21=newVue({el:'#app21',data:{currentView:'comA'},methods:{changeView:function(data){this.currentView='com'+data//动态地改变currentV
bailoushi1658·2020-07-31 16:54

vue组件传值方式，包含父向子、子向父、兄弟之间以及Vuex传值的代码实现

vue组件间传值的方式1.1父组件向子组件传值在parent.vue中引入子组件之后，在子组件的标签上添加传值方式:msg="msgToChild"，然后在子组件中定义msg属性接收父组件传递过来的值。
NotIronMan·2020-07-31 15:27

Vue组件通信整理

前言在我们Vue开发中，精髓就是组件，一个优秀的项目中，各种组件总是必不可少，我们暂且将组件分成三类：路由组件由vue-router生成每个页面的组件，承载着每个页面大部分的初始化内容以及业务逻辑；业务逻辑组件在一个完整的项目中，经常会出现一些相同的业务逻辑的页面，此时将相同部分的逻辑抽出变成一个组件，在需要的页面倒入即可，这种组件减少了重复工作量，易于维护，但是只适用于当前项目；基础组件不包含任
WangYangsea·2020-07-31 15:20

Vue组件之间的三种数据传递方式

Vue组件之间有三种数据传递方式：Vue的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。
Queen_zdd·2020-07-31 14:18

vue组件之间的通信及如何在父组件中调用子组件的方法和属性

声明：转载别人的，忘记地址了，本人觉得写的不错，通俗易懂且皆试验成功。在Vue中组件实例之间的作用域是孤立的，因为不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据一、父组件利用props往子组件传输数据父组件：//注意传递参数时要用—代替驼峰命名，HTML不区分大小写//也可以省略v-bind。但是冒号不能省略，否则就是传静态值了子组件：Vue.component('chi
NicoleCao·2020-07-31 14:35

Vue自定义组件和组件传值（父传子、子传父、子传子）

一、Vue自定义组件1、在src中components中,新建Header.vue组件（首字母建议大写）2、Header.vue3、在app.vue中引用组件第一步引入组件第二步在exportdefault
Idvms·2020-07-31 14:46

Vue组件通信

Vue组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信。
qq_987986923·2020-07-31 13:11

vue组件传值【子组件向父组件传值】emit将子组件的参数传递给父组件

要发送给父组件的值：{{msg2}}向父组件发送信息exportdefault{data(){return{msg2:"给父组件/父文件的信息"}},methods:{/***button上绑定来一个点击事件,用来触发toParent方法*这一方法利用$emit('toParent',date)绑定传给父组件/父文件的值*然后可以在父组件中使用@toParent='method'接受这一方法,并获
<李小狮 / >·2020-07-31 13:10

Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码第1/3页

该功能的开发主要使用到AntDesignVue组件库的Tab组件和Animate.css效果如下：Tab标签页实现首先是该组件的模板部分，ContextMenu组件是我们
·2020-07-31 13:29

vue实现公共方法抽离

demo：制作一个点击按钮增加或者减少数字现在vue组件内部测试一下功能还未抽离-+exportdefault{data(){return{number:0};},methods:{SubNum(){this.number
·2020-07-31 13:57

Vue实战项目开发--深入理解vue组件

项目的源代码在GitHub上：点击查看组件使用的细节点使用is属性解决模板标签上出现bug的情况在子组件定义data时，data必须是一个函数，而不能是一个对象（因为子组件会多次调用，每个子组件享用自己的数据，而不是像根组件享有一套数据，通过函数来返回数据，就是让每个子组件拥有独立的数据）ref：可以在子组件上定义不同的ref，然后就可以通过引用来取得子组件的数据注意：另外的两个案例的代码在Git
任性的我·2020-07-31 13:10

uniapp组件使用以及父子传值

一.组件定义使用一.vue组件1.在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。例：importmyinputfrom"../..
!L·2020-07-31 13:30

Vue组件的数据传递

props的作用能让组件如同我们所知的js函数一样，在被使用时能够接收参数，并根据参数有不同的展现使用props流程①给组件添加props选项在自定义组件的内容配置对象里面给上一个props选项，他和template同级，如下：Vue.component('props-message',{props:['message'],template:`{{message}}`})注意：这个props选项的
一只大海·2020-07-31 13:46

vue keep-alive include无效

版本的是2.1+因为include和exclude是vue2.1.0新增的两个属性.package.json"vue":"^2.5.2",检查name注意,不是router.js中的name,而是单个vue
IT大师兄吖·2020-07-31 12:00

Vue 动态组件 & 异步组件原理

抛开具体细节不谈，一个普通Vue组件从创建到展现在页面里，主要经历了以下流程：//组件Object{template:'Iamasync!'}
weixin_34309435·2020-07-31 12:55

vue组件通信全揭秘(共7章)

为什么我会写vue组件通信全揭秘，因为无论任何组件模式的框架。组件是核心，只有把组件写组件之间能理顺了。项目也就自然顺了。内容非常多，而且一年后我觉得组件的通信部分的没有任何变化。没有任何一点过时。
weixin_34268843·2020-07-31 12:23

(原创)vue组件 - 组件的原理 和 注册组件

然后所有的实例化出来的vue实例对象都可以用这个属性了.这就是全局组件如果是在实例化出来的对象里增添compenonets属性,就是这个实例的属性.只能在这个实例对象里调用,所以称为局部组件.全局组件-注册一个全局组件vue
weixin_34292287·2020-07-31 12:23

实用 Vue 组件开发

此次分享通过编写一个实用的c-daystep组件来解析组件技术细节，内容提要如下：Vue组件生命周期
蔚1·2020-07-31 12:07

vue组件传值

使用vue-cli构建完成后,HelloWorld为父组件，Test和Test2为子组件一父组件向子组件传值HelloWorld.vue:{{msg}}importTestfrom'@/components/Test';//导入子组件TestimportTest2from'@/components/Test2';//导入子组件Test2exportdefault{name:'HelloWorld'
utf--8·2020-07-31 12:37

vue项目笔记（25）-公共组件拆分

公共组件常用的目录结构如下（其中Gallery.vue就是公共组件）：Gallery.vue中的图片需要有轮播效果，故采用swiper，swiper中相关配置如下（详情参考swiper3官网）：在Gallery.vue
ZYN5431·2020-07-31 12:37

vue组件

vue的组件封装关于组件封装对于组件的功能分析，并分成多个组件KInput组件的实现注意事项KformItem组件的实现注意事项Kform组件的实现注意事项写在最后关于组件封装vue组件系统提供一种抽象
路路的鹿溪·2020-07-31 12:19

VUE组件传值

父子组件传值：1.父组件中定义值2.在父组件中调用、注册、引用子组件调用：注册：引用：3.把父组件的值绑到子组件上注意：但是注意要用v-bind：绑定要传的值，不用v-bind直接把值放到标签上，会被当成html的节点属性解析的。4.自组件内部接受父组件传过来的值：prop（）但是要有注意的点：子组件接受父组件的值分为———引用类型和普通类型两种，普通类型：字符串、数字、布尔值、空引用类型：数组、
hanmou77·2020-07-31 11:31

浅谈Vue组件之间通信的五种方式

为什么需要使用组件通信?组件是一个孤岛,所有的组件都无法直接访问其他组件的data,methods,computed,也就说每个组件都是一个局部作用域,这样做的目的是为了保护私有变量,保证每个组件之间的data不会相互影响.但是在vue中我们经常需要在组件之间进行通信,下面我就来说说组件之间的几种通信方式:父子组件之间通信原理大致就是如图所示:1.父传子父传子我们一般通过动态绑定属性的方式获取,即
Ronin~磊·2020-07-31 11:54

vue和typescript开发时keep-alive无效解决方法

问题原因经过排查，keep-alive是通过include里添加vue组件name来设置其缓存内容的，然
秀的头皮发麻·2020-07-31 11:25

使用vuex改造vue 组件：父组件向子组件传值，以及子组件向父组件传值

写在前面：本篇是针对《vue组件：父组件向子组件传值，以及子组件向父组件传值》使用vuex改造1.父组件向子组件传值{{msg}}----{{name}}varstore=newVuex.Store({
做最会吹牛的程序猿·2020-07-31 11:20

一篇学会 - Vue ssr 框架 Nuxt 项目 动态路由、嵌套路由、动态嵌套路由 CSDN 官网 实例（详细解读）

VuessrNuxt框架嵌套动态路由详解动态路由Nuxt默认自动生成pages下文件作为路由结构目录结构效果首页登录嵌套路由项目结构解析：home.vue组件为父组件默认入口子组件存放在home文件下index.vue
@Forever·2020-07-31 11:23

手把手教你_微信小程序使用 Vant Weapp 组件库

VantWeapp是移动端Vue组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用。
1米88_xinboz77·2020-07-31 11:26

说说如何安装与配置 Vant Weapp 小程序 UI 组件库

VantWeapp是移动端Vue组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，帮忙开发者快速搭建小程序应用。
deniro_li·2020-07-31 11:55

VUE组件传值案例讲解

写在前面好吧我承认我疏忽了，我一直以为我的博客是将vue的一些常见操作全部写完了的，但是直到我写组件的时候突然想起来看一下自己写的博客是不是有问题的才发现，组件之间的传值竟然一直没动过，好吧，我承认我自卑，我真的很怕黑，每当夜晚来临的时候我都很狼狈…咳咳，放错了，不好意思，我承认我忘了，我真的很劳累，每当粉丝问问题的时候我都慌的一批(以为哪里又又又又误人子弟了)…吓得我赶紧写个例子给你们，开整…搞
何处锦绣不灰堆·2020-07-31 11:40

Vue开发与调试工具--调试工具篇

2019独角兽企业重金招聘Python工程师标准>>>主要讲三个东西：Vue.jsdevtools开发工具的使用使用debugger和sourcemap调试Vue组件vscode中调试Vue组件Vue.jsdevtools
weixin_33834137·2020-07-31 10:00

Vue组件基础用法详解

Vue组件概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。
·2020-07-31 10:09

face-ca 活体检测-张张嘴

face-ca源码概述运行该示例项目在自己的项目中引用安装face-ca引入相关文件使用模型加载错误安装flexible引用vue组件中使用代码htmljs源码face-ca插件地址:https://github.com
987860960·2020-07-30 22:28

Picker 选择器(Vue组件的详细使用过程)

要完成的功能是,通过时间筛选可以得出每个时间端的数据,页面引用的组件是vant的Picker选择器:首先,前端方面,引入这个选择器组件(可以跟弹出层的组件搭配---Popup弹出层)//给图片设置点击的方法//将值拿到这个input框,隐藏掉//弹出层的组件,将选择器包裹起来引入组件的属性,在vue的return那边引入columns:['交易时间','今日','近七日','本周','本月','近
张芝山·2020-07-30 22:35

Vue一个组件引用另一个组件

1.这里有两个组件Demo.vue和Message.vue两个组件，现在在Demo.vue组件中引入Message.vue组件2.路由index.js文件中配置Demo.vue的访问路径importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
水映天地·2020-07-30 21:17

vue中修改子组件样式

参考:在vue组件中style
weixin_33998125·2020-07-30 21:12

Vue入门到放弃22(vue组件-父子组件传值)

Vue父子组件传值父组件传值给子组件2.效果实现1.父组件，可以在引用子组件的时候，通过属性绑定（v-bind:）的形式,把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用2.在子组件中有个props属性，该属性中保存的都是父组件传递给子组件的数据，注意：props中的数据，都是只读的，无法重新赋值3.我们在子组件中使用在props中保存的数据效果：//创建Vue实例，得到
开猿节流·2020-07-30 21:40

Vue之.vue文件结构说明

例如：这里用于定义vue组件的模板内容//引入外部文件importaafrom****;//这里定义vue组件的业务逻辑exportdefault{data(){return{//私有数据}},methods
甜的柠檬酸·2020-07-30 21:44

快速了解vue（3）

啥也不是，就是个vue组件。我们都说要组件化，模块化什么的，这.vue文件就是个组件，打开看看就知道了，它这里有两个，主要的标签，一个是，一个是。
SiuMu_·2020-07-30 21:31

修改vue组件中的样式

使用VUE组件时，有时候我们会修改组件的样式，比如修改颜色的等最近项目使用react发现，react的组件可以在父组件里面修改其样式，vue文档里面是这样说的（ScopedCSS规范是Web组件产生不污染其他组件
张宇zhy·2020-07-30 21:48

Vue2从0到1(五)：使用nodejs+koa2和axios实现前后台数据通信

前面讲了环境的搭建用webpack打包vue,Vue-router,vuex的使用的使用以及Vue组件化及组件间传值下面讲一下使用nodejs+koa提供接口，axios访问接口，前后端数据通信的相关内容
weixin_33729196·2020-07-30 19:59

《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件

前言本文是笔者写组件设计的第八篇文章,今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性,如果大家非常熟悉,可直接跳过介绍直接看正文.时刻问自己：是否具备创造力?[笔记]前端组件的一般分类:通用型组件:比如Button,Icon等.布局型组件:比如Grid,Layout布局等.导航型组件:比如面包屑Breadcrumb,下拉菜单Dropdown,
徐小夕_上海·2020-07-30 18:46

轻松使用纯css3打造有点意思的故障艺术(附React加强组件版)

感觉非常有意思,现在APP端的抖音启动界面有着这种设计的影子,作为一名用于探索未知的前端工程师,有必要好好实践一下这一设计.正文接下来笔者将带大家使用纯Css3来实现"故障动画",并将这一特效封装成React/vue
徐小夕_上海·2020-07-30 18:33

Vue学习笔记

单向数据流非父子组件间的通信路由router的使用路由嵌套，参数传递，路由结合动画参数传递路由实例的方法路由结合动画单文件组件VUE文件vue-loaderwebpack示例步骤1.创建项目，结构如下2.编写App.vue
白卡pala·2020-07-30 18:50
上一页 105 106 107 108 109 110 111 112 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他