vue组件

基于vueCli2发布一个vue组件的npm包

[toc]这篇文章主要记录了从零发布一个vue的npm包（包含一个简单的指令和一个vue组件）的实践过程及些许心得。
崔小叨·2019-12-26 22:04

2018-06-04-2018-06-08

3、了解vue组件系统4、了解E
鄢栋·2019-12-26 13:40

Vue组件间11种通信方式的简要介绍

Vue组件的通信方式大致有这11（12）种常用的Props$attrs&$listenersprovide&inject$parent&$children$root自定义事件的$emit&$onsync
zpkzpk·2019-12-26 07:40

一个例子学会Vue组件-Vue.js学习总结

下面将以一个实战案例来学习Vue组件的基础用法1.如何使用组件2.如何在组件之间进行通信（父子组件之间传递数据）如何使用组件我们事先写好了一段下拉选择框的代码，现在想用Vue.js实现复用，该怎么做了?
D_lotus·2019-12-26 05:48

vue 局部组件和全局组件及配置

这就是vue组件的好处。而且在vue里面组件的结构封装的特别好，这就意味着有很好的可维护性。所有vue组件既有可重用性又有可维护性。根据组件定义的域不同，可以分为全局组件和局部组件。
一瓶怡宝矿泉水·2019-12-25 15:25

vue组件

1.组件的创建1.通过extend创建，component注册varmyComponent=Vue.extend({template:'Thisismyfirstcomponent!'})局部注册newVue({el:"#app",components:{'my-compon'}})全局注册Vue.component('my-component',myComponent)2.使用Vue.compo
寒梁沐月·2019-12-25 08:19

初识Vue2.0 组件

第一种方式全局注册一个组件Vue.component(组件名称,组件对象),全局注册后,就可以在整个应用中使用这个组件,使用方式是在body里面varmyComponent=Vue.extend({template:"第一个Vue
格调的声色影像·2019-12-25 06:08

解决vue组件style添加scoped属性后自定义样式失效的问题

背景：引用Elementui组件库开发，为避免污染全局样式，所有的组件style标签均加上了scoped属性，在A组件中引用了Elementui的步骤条Step组件后，希望修改Step组件的字体颜色但是发现没有生效。原因：父组件的scoped样式不能穿透到子组件上。解决方案：使用vue-loader的写法/deep/或者>>>解决假设classA是父组件A根div的class名，span为要修改的
易冷zzz·2019-12-24 22:23

vue组件通信

1.父子组件通信基本方法（推荐）：a.父=>子：使用prop向子组件传递静态或动态的数据，如：，注意传递的数据需要在子组件用props属性接收。b.子=>父：使用v-on:event和$emit。父组件使用v-on或@向子组件传递事件，再在子组件中调用$emit触发事件即可，注意传递的事件不需要在子组件的props中接收。父子组件链（不推荐）：a.父=>子：使用this.$children访问或递
WHU_GIS_LJ·2019-12-24 03:28

「vue 组件通信一」组件间通信、数据传递（父子组件，同级组件）

总结一下对vue组件通信的理解和使用。一、组件目录结构父组件：app.vue子组件：page1.vue子组件：page2.vue父组件app.vue请输入单价:importPage1from".
一个认真搞开发的boy·2019-12-23 17:26

组件可以访问Vue实例数据吗

经过测试我们发现是不能访问的，即使可以访问，如果将所有数据都放在Vue实例中，Vue实例就会变得非常臃肿，Vue组件应该有自己保存数据的地方组件对象也有一个data属性（组件的原型就是指向Vue的，也可以有
喝醉的熊·2019-12-23 15:27

vue2.X父子组件传值

一直听朋友说vue组件化简单好用，今天搞了一下组件之间的传值，看了好多教程终于鼓捣出来了，分享一下踩的坑。子传父主要通过events，父传子主要通过props，这里借用一张图片，表达。
填完一个又一个·2019-12-23 11:44

Vue Koa开发实战

：具备Vue和Koa基础知识，了解Javascript基础语法（和混乱），了解Nodejs(npm)常用操作本文以新手视角，从零开始逐步构建一个Vue+Koa2的web应用，项目主要包括以下内容：基于Vue
Ghamster·2019-12-23 06:12

Vue_VueResource

vue-resource是一个通过XMLHttpRequrest或JSONP技术实现异步加载服务端数据的Vue插件提供了一般的HTTP请求接口和RESTful架构请求接口，并且提供了全局方法和VUe组件实例方法
alogy·2019-12-22 21:11

Vue_Vuex

Vuex：一个专门为Vue.js应用设计的状态管理架构.状态管理：统一管理和维护各个vue组件的可变化状态(可以理解成vue组件里的某些data数据，全局变量)出现背景：追踪自定义事件NaN，这个事件由那个组件触发的
alogy·2019-12-22 21:10

70 vue项目的创建、路由、及生命周期钩子

根据配置重新构建依赖二、Vue项目创建时发生了什么三、项目初始化1、app.vue总路由配置2、全局css样式配置四、Vue的路由控制1.路由跳转1.1标签跳转1.2逻辑跳转2.路由重定向3.路由传参五、Vue
Bowen-Down·2019-12-22 20:00

Vue组件间通信6种方式

摘要：总有一款合适的通信方式。作者：浪里行舟Fundebug经授权转载，版权归原作者所有。前言组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A和B、B和C、B和D都是父子关系，C和D是兄弟关系，A和C是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨
Fundebug·2019-12-22 18:28

写点最近撸React的心得

其实react的组件对应的就是Vue的.vue组件，我觉得Vue看上去跟直观明了，特别是他的template模板，对前端狗而言无比亲切，react的JSX语法确实要适应一段时间。
D调的_coder·2019-12-22 18:34

【vue】源码解析（2）vue中的监听器watcher用法

下面是一个vue组件的实例化：newVue({el:'#root',data:{name:''},watch:{name:{handler(newName,oldName){//...},immediate
SophieRabbit·2019-12-22 14:44

vue组件生命周期

所有的生命周期跟data是同级beforeCreate在实例初始化之后，数据观测(dataobserver)和event/watcher配置之前被调用。此时实例数据对象什么都没有created挂载阶段还没开始，dom还未生成,实例已完成以下的配置：数据观测(dataobserver)，属性和方法的运算，watch/eventbeforeMount模板编译挂载之前调用，首先会判断对象是否有el选项。
雨后晴阳·2019-12-22 14:25

Vue组件宽高自适应问题

在两个月前，我被公司安排做一个系统的前端页面开发，当时我还是个对前端知识一无所知的小白，html标签只知道这些，css只知道width啊，height啊，margin啊这种很简单的属性，js就只知道变量都是弱类型，声明var全搞定，什么前端框架更是一概不知了。没人做，只能硬着头皮上了，用的vue框架，一路跌跌撞撞，踩了不知道多少坑，终于从无到有写出来个平台，不算粗糙也算不上精美，只能说一般般，到现
Sdoopy·2019-12-22 07:00

Vue2从0到1(四)：Vue组件化及组件间传值

前面讲了环境的搭建用webpack打包vue和Vue-router的使用以及vuex的使用下面讲一下Vue组件化及组件间传值：主要包括父子组件间传值，兄弟组件间传值，不相关组件间传值。
t现在是冬天t·2019-12-21 09:29

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

前面讲了环境的搭建用webpack打包vue,Vue-router,vuex的使用的使用以及Vue组件化及组件间传值下面讲一下使用nodejs+koa提供接口，axios访问接口，前后端数据通信的相关内容
t现在是冬天t·2019-12-21 09:29

Vue 组件之间样式冲突

Vue组件之间样式冲突vue组件化，各组件内都可以在style部分写样式，这些样式却不是相互独立的，最终组合在一起，难免就会产生样式的污染。
崐崐·2019-12-21 00:31

Vue1.x 迁移 Vue2.x 实战

1为什么要迁移Vue2.x由于项目后面希望用到饿了么的vue组件，而且当前很多组件都是基于Vue2.x的，对于Vue1.x都已经不再维护。
Tsy远·2019-12-21 00:43

vue组件通信总结

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。1.props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。Vue.component('child',{data(){return{mymessage:this.message}},template:``,props:['m
edc余悸·2019-12-20 10:28

Vue之使用JsonView来展示Json树

前两天干活儿有个需求，在前端需要展示可折叠的Json树，供开发人员查看，这里采用JsonView组件来实现，它是一款用于展示Json的Vue组件，支持大体积的Json文件快速解析渲染，下面记录一下实现过程
爱懒懒的小景景·2019-12-20 10:00

Vue2练手项目之Web版酷狗音乐

用到了vue全家桶，然后还有一些ui框架，如mint-ui，一些vue组件如vue-lazyload等。数据从百度音乐跟酷狗音乐抓包来的，一些用不了的接口用了本地json数据作模拟。
Chance722·2019-12-20 01:36

(一) Vue组件之间的通信(入门)

实现一个TodoList的功能输入文字点击提交会在下面显示,单击下面任意一个数据会删掉对应的数据可以拿来直接用提交//全局组件Vue.component('m-item',{template:'全局组件'})//子组件varTodoItem={props:['content','index'],template:"{{content}}",methods:{handleDelete:functio
人生苦短啊·2019-12-20 00:29

VUE 基础 三

目录VUE环境搭建VUE项目创建VUE项目文件介绍1、项目目录2、配置文件：vue.config.js3、main.js4、.vue文件vue请求生命周期：VUE组件配置全局样式路由逻辑跳转，跳转到home
AllenCH·2019-12-20 00:00

vue项目配置及项目初识

目录Vue项目环境搭建Vue项目创建重构项目依赖1.需要转移的文件2.重构依赖pycharm配置并启动vue项目vue项目目录结构分析vue组件(.vue文件)全局脚本文件main.js（项目入口）vue
ylpb·2019-12-19 23:00

day68

目录Vue项目环境搭建Vue项目创建·pycharm中配置并启动vue项目vue项目目录结构分析vue组件（.vue文件）项目的生命周期路由逻辑跳转点路由重定向知点总结Vue项目环境搭建pythonnode
Mr、G·2019-12-19 22:00

Vue ---- 组件文件分析 组件生命周期钩子 路由 跳转 传参

目录Vue组件文件微微细剖Vue组件生命周期钩子Vue路由1.touter下的index.js2.路由重定向3.路由传参数补充:全局样式导入路由跳转1.router-view标签2.router-link
LD_Dragon_sky·2019-12-19 22:00

vue_04day 路由初始

项目初始：vue文件构造：vue项目目录结构：项目入口（main.js）:vue项目启动生命周期：根组件（vue.js）:router.js:创建的页面：全局样式文件配置(css样式)：js类的原型：类属性vue
shaozheng·2019-12-19 22:00

四、Vue组件

一、组件简介1.组件的概念组件是html、css与js的集合体。给该集合体命名后，可以通过名字对组件进行复用。2.组件分类a.根组件用newVue()生成的组件。b.局部组件组件名={},‘{}’内部采用vue语法。c.全局组件Vue.component('组件名',{}),‘{}’内部采用vue语法。3.组件的特点a.组件都有管理组件html页面结果的template实例成员，template中
远翔、·2019-12-19 22:00

在Vue项目中使用Typescript

主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写Vue组件的一些限制和注意事项。
BBQ只有番薯·2019-12-19 21:49

vue父子组件之间的通信

在vue组件通信中其中最常见通信方式就是父子组件之中的通性，而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。
岁月如同马匹·2019-12-19 15:18

Vue组件间通信

Vue组件间通信父子组间通信通过props向子组件传值，通过事件向父级组件发送消息通过props向子组件传值由于大小写不敏感，所以驼峰会转换为短横命名Vue.component('blog-post',
蓝枫·2019-12-19 15:53

在Vue项目中使用Typescript的实现

主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写Vue组件的一些限制和注意事项。
BBQ只有番薯·2019-12-19 08:46

vue组件通信--注意事项及经验总结

组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景文章对相关场景预览父->
程序汪丶·2019-12-19 08:17

vuex 2.x新版使用指南

的设计传送门总结下大概有几点变化1.更加语义化原文Termsnamingchangeforbettersemantics这个语义化说的是触发action和mutation的API上在使用action的时候我们一般是从vue
夜聆风·2019-12-19 05:41

SSR

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。
崔某猿·2019-12-19 05:50

1218 组件分类,组件传参

目录昨日内容组件1.概念2.组件分类特点根组件局部组件全局组件3.组件传参父传子子传父作业Vue项目环境的搭建Vue项目环境搭建Vue项目创建pycharm配置并启动vue项目vue项目目录结构分析vue
fwzzz·2019-12-18 23:00

day67 vue组件

复习"""1、表单指令：v-model="变量"变量与value有关普通：变量就代表value值单选框：变量为多个单选框中的某一个value值单一复选框：变量为布尔，代表是否选中多复选框：变量为数组，存放选中的选项value2、条件指令：v-show:display:nonev-if:不渲染v-if|v-else-if|v-else前者条件成立，就不管之后分支，当所有条件都不成功，才执行v-els
风行者ZQF·2019-12-18 23:00

vue组件

目录组件概念组件分类：组件的特点：根组件局部组件全局组件数据的组件化父组件传递数据给子组件子组件传递数据给父组件Vue项目环境搭建1、安装node2、换源安装cnpm3、安装vue项目脚手架4、清空npm缓存组件概念html、css、js的集合体，为该集合体命名，用该名字复用html、css与js组成的集合体复用性组件分类：根组件：newVue()生成的组件局部组件:组件名={}内部采用的是vue
SetCreed·2019-12-18 22:00

vue_03day

目录作业：vue组件操作页面渲染：组件渲染：作业：vue组件操作页面渲染：1、有以下广告数据（实际数据命名可以略做调整）ad_data={tv:[{img:'img/tv/001.png',title:
shaozheng·2019-12-18 22:00

69 vue框架-part3 vue组件

目录一、Vue组件1.组件分类1.1根组件1.2局部组件1.3全局组件2.组件的特点3.如何创建组件4.组件的数据局部化5.组件传参·父传子6.组件传参·子传父一、Vue组件概念：html、css与js
Bowen-Down·2019-12-18 22:00

vue组件

目录vue组件：组件介绍:template的使用：组件复用的数据隔离：局部组件复用：全局组件复用：组件信息父传子：组件信息子传父：vue组件：组件介绍:组建的构成：由template+css+js三部分组成
shaozheng·2019-12-18 20:00

vue学习02:vue的css,引入scss/less/styles

用来把vue组件转换成可部署的js,html,css模块。所以我们如果要想再vue项目中使用scss,肯定要告诉vue-loader怎么样解析我的scss文件。二.引入sass/
陌上桑_浅·2019-12-18 20:03

Vue 学习笔记05——组件

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期
Laughingg·2019-12-18 02:17
上一页 135 136 137 138 139 140 141 142 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他