vue组件

vue项目实战经验汇总

目录1.vue框架使用注意事项和经验1.1解决Vue动态路由参数变化,页面数据不更新1.2vue组件里定时器销毁问题1.3vue实现按需加载组件的两种方式1.4组件之间，父子组件之间的通信方案1.5vue
辉是暖阳辉·2020-02-18 20:00

vue 引入tinymce编辑器

新来一需求说要在后台管理里添加富文本之前用了百度富文本打包失败boss这么跟我说的开始pingvue富文本这里需要提到的是富文本会将上传的图片转成base64保存时数据库压力太大所以建议写成我这样先上传到服务器然后生成个标签写进去这样最好tinymce有vue
zz77zz·2020-02-18 17:52

vue-countTo-简单好用的一个数字滚动插件

vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置startVal和endVal，它会自动判断计数或倒计时。支持vue-ssr。
dekevin·2020-02-18 11:00

Vuex

2.Getters:用来从store获取Vue组件数据。3.Mutators:事件处
九又四分之三o·2020-02-18 08:36

Vue 组件的使用

模快化和组件化的区别模快化：是从代码逻辑的角度划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度分析的；前端组件化，方便UI组件的重用组件的创建方式：方式11、使用Vue.extend来创建全局Vue
瑞破破·2020-02-18 06:14

Vue组件之间通信的七种方式

Vue组件之间通信的七种方式使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。
豆豆_4edc·2020-02-17 22:58

三十分钟学会使用VUE搭建单页应用(SPA) 上

构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE基础如何创建VUE
Taylor111·2020-02-17 17:00

Vue ---day01

Vue和React一样都是组件化；核心：声明式渲染和组件系统其他：客户端路由大数据管理build系统vue组件：根组件：letapp=newVue({})app.
铁塔·2020-02-17 14:00

vue组件生命周期钩子

目录组件生命周期图组件生命周期钩子1、beforeCreate2、created3、beforeMount4、mounted5、beforeUpdate6、updated7、activated8、deactivated9、beforeDestroy10、destroyed11、errorCaptured组件生命周期图组件生命周期钩子所有的生命周期钩子自动绑定"""一、组件的生命周期：一个组件从创建
辜老板·2020-02-17 10:00

Vuex学习笔记

是为了实现任意组件之间的通信，其主要包含四个模块：imagestate：保存整个应用的状态（数据）mutations：改变状态的唯一方式，同步操作actions：类似mutation，异步操作vuecomponents：vue
林_Han·2020-02-17 00:19

vue组件（子传父，父传子案例）

在vue中父组件向自子组件传递props,子组件向父组件传递属性是用$emit(发布订阅)下面是一个模态框示例，可以利用到这两个属性。基本逻辑是点击页面上一个按钮，弹出弹框，点击弹框上关闭按钮，隐藏弹框（这不是很简单嘛。。。我jq两行就可以实现）确实是但是jq实现的并不是组件，不能每次都把html和js都复制一遍吧，这样工作效率未免太低了，(人家盖房子都用水泥浇筑了，你非要搬砖，你累不累啊)css
JOKER_HAN·2020-02-16 02:17

VUEX

Vuex：是一个集中式状态管理工具，相当于react中的redux1）主要解决的问题：大中型项目中复杂组件通讯问题2）vuex操作流程：dispatchcommitvue组件--------------
Yaoxue9·2020-02-14 23:21

8.26js文件引入vue组件/IIFE达到模块化编程

起因:有个md5.js文件,用来给字符串md5加密,一般要把一个js文件引入vue的script部分,通过export和import的模块化方法进行,如果是在入口文件import的话,全部都可以用这个js文件,但是这个md5并不是通过export的方式导出,让我很是疑惑.解决:这个js文件有个关键的代码段如下图:md5.js模块化代码这是一段AMD规范的代码，经查require.js和amd规范发
我爱吃肥肠·2020-02-14 23:38

全栈爬坑之路：让Ajax轻松点

不扯虚的，直接上代码：的代码编辑实在是烂只好上图了[注1]：见上期文章全栈爬坑之路：愉快的Vue组件通信，使用mark标签决定通信对象
夏妖士心·2020-02-14 22:41

vue兄弟组件传值

1.创建两个组件分别是home.vue组件和news组件2.在根组件中引入两个组件并实例化3.在model文件夹新建文件VueEvent.js4.在home组件引入VueEvent.js5.在home组件定义一个方法
undefind33·2020-02-14 12:05

六 Vue组件

一、什么组件组件(Component)是Vue.js的重要组成部分。能够让你在复杂的应用中拆分成独立模块。使用组件可以扩展HTML元素，封装可重用的代码，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。Vue提供一个组件系统，提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一
唯老·2020-02-14 06:14

Vue.JS 单页应用 - 联系人管理（四）

Vue的组件化Vue组件的官方文档，请自行阅读，补充基础知识。需要重点提及的是，这个项目采
程序员长春·2020-02-14 04:37

教你一步步封装vue组件并发布到npm

前言在开发项目过程中，通常会用到很多功能和设计相类似的组件，为了避免重复造轮子，我们经常会用到一些第三方组件，比如vux，vant。但是这样会引入太多没用到的组件，造成打包体积过大。所以我们有必要封装一些基础的组件用于开发。下面我为大家介绍如何封装vue的toast和dialog组件并上传到npm。GitHub：github.com/Michael-lzg…掘金：https://juejin.im
michael·2020-02-14 00:23

深入浅出vue组件之使用slot分发

今天主要来介绍了vue组件详解之使用slot分发内容及Vue组件中slot的用法一、什么是slot在使用组件时，我们常常要像这样组合它们：当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到
前端攻城小牛·2020-02-13 23:36

实例成员补充，项目环境配置以及vue组件

一、字符串补充"""1）双引号："前缀"+变量+"后缀"2）单引号：'前缀'+变量+'后缀'3）反引号：`前缀${变量}后缀`注：在反引号``中可以用${}来包裹变量，实现字符串拼接"""-案例字符串补充newVue({el:'#app',data:{num:0,},})字符串补充案例二、实例成员补充1、计算属性（computed）"""/**计算属性：*1）其实就是vue中的方法属性，方法名可以
亚峰牛皮·2020-02-13 22:00

Vue组件(.vue文件)

Vue组件组件的构成一个.vue文件就是一个组件组件都是由三部分组成：html结构（html结构都是在template标签中）、js逻辑、css样式1）template只能解析一个根标签2）js逻辑都是在
Hank·Paul·2020-02-13 20:00

2019-11-05 前端文档链接收集

本文主要用于个人前端文档收集Vue组件库及相关教程AntDesignofVueAntDesignProVue后台系统Iview-VueVant移动端组件库智能识别收货地址mavon-editor富文本编辑器
溅起浪涛·2020-02-13 01:39

原生实现左滑删除swipeRemove.vue组件

1、模板HTML结构删除2、css样式，这里使用less,rem适配1rem=100px。.delete{border-bottom:#f1f1f11pxsolid;background-color:#ffffff;}.slider{width:100%;height:.7rem;position:relative;user-select:none;.content{position:absolu
孙雨乐·2020-02-13 01:37

vue中的钩子函数（二）

Vue钩子函数在开发Vue组件时，钩子函数我们会经常用到，但是具体在什么时机，使用哪个钩子函数，会产生什么样的结果，总会模棱两可。
TingsLee·2020-02-13 00:09

Vuex

Vuex：是一个集中式状态管理工具，相当于react中的redux1）主要解决的问题：大中型项目中复杂组件通讯问题2）vuex操作流程：dispatchcommitvue组件--------------
CDistance·2020-02-12 20:10

vue语法基础二-组件

组件Vue组件说明注册使用全局组件所有实例都能用全局组件。
栗子daisy·2020-02-12 11:14

混合

1.合并一种分发Vue组件中可复用功能的方式varmixin={//同名钩子合并为一个数组，依次调用created:function(){console.log('混合对象的钩子被调用');},//methods
66pillow·2020-02-12 05:59

第四课 vue路由router-link跳转

第一步：再components文件夹中再创建一个hi.vue，包装至少有2个组件第二步：给hi.vue添加基本结构代码第三步：配置router/index.js，导入hi.vue组件，并且建立一个路径，
面包在奔跑·2020-02-12 03:04

Vue组件基础

Vue组件声明组件Vue.component('hello-world',{data(){return{}},template:'HelloWorld'})-->组件也是Vue的实例，也具有data、methods
ChangLau·2020-02-12 01:12

vue组件之插槽（slot）的使用

前面几篇文章中我们写了个图书列表的组件然后在booklist_component.html文件中引用了图书列表组件是通过httpVueLoader这个插件来完成在非webpack环境下加载组件其中组件是通过这种形式引用的其中/>表示封口那么我们可不可以在组件内部写入一些标记呢（代码呢）就像普通的html元素一样这是图书列表页组件内部可不可以写入些内容呢？接下来我们试下首先我们在booklist_c
在路上phper·2020-02-11 22:19

Vue基础-模版语法

一.Vue组件Vue组件包含template、script、style三个部分：template是Vue组件的视图部分，等同于html的DOM树script是Vue组件的逻辑部分，其中包含了和页面交互的数据
刘小菜鸟·2020-02-11 18:40

Vue高级API - mixins（含案例）

在项目中mixins(混合)特性使用频率是很高的有必要熟练掌握官网传送门：mixins#简介 混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式，它的存在使得开发者们可以定义一部分公用的属性或方法
果汁凉茶丶·2020-02-10 22:58

浅谈 vue-loader---合格前端

vue-loader是一个webpack的loader，它允许你以一种名为单文件组件的格式撰写Vue组件。如何使用？
pwindy·2020-02-10 10:00

web前端vue：vue父组件向子组件(props)传递数据

最近就有一些小伙伴问我，vue组件之
17Read·2020-02-10 05:52

Vue组件间通信,与服务器端通信

组件间通信父组件与子组件通信：propsdown//send//receivevue.component('son',{//子组件类，在进行实例化时，//会读取mytitle属性对应的值//并保存在mytitle的变量//this.mytitleprops:['mytitle']})子组件与父组件通信：eventsup//bindingvue.component('father',{methods
JasonLiaoFS·2020-02-10 04:49

Vue组件通信

参考自vue.js官方文档如果你使用Vue进行开发的话，你不得不了解的一项就是Vue的组件(Component)。组件是Vue中一项很强大的功能，它可以扩展Html元素，封装可重用代码，减少工作量。在使用组件开发时的一大问题就是组件之间如何进行通信？？如果组件之间不能通信的话，那么它将大大减少的开发效率以及工作乐趣。Vue中的组件通信分为父子组件通信、兄弟组件通信这两大类。父子组件通信在Vue中，
寿木·2020-02-10 03:45

vue技术及后端技术相关

3、vue组件通讯二、《/Volumes/前端技术/Vue全家桶+SSR+Koa2全栈开发美团网》2.1props：表达式：深入了解组件：props：（组件的参数传递）子组件向父组件传递数据
Gracemark7·2020-02-09 17:23

Vue组件间通信7种方式

前言vue的核心就是组件的使用，组件是可复用的vue实例。如果项目中某一个部分需要在多个页面中使用到，我们就可以将这部分代码抽成一个可复用的组件。然而，组件实例的作用域之间是相互独立的，如果需要把组件之间的数据关联起来，这就需要懂组件之间的通信。一、父组件向子组件传值（通过props）父组件通过v-bind绑定变量，子组件通过props方式接收。例子：在子组件Child.vue中如何获取到父组件A
请叫我小蒋_JJP·2020-02-09 05:59

旺财记账项目-Money.vue组件实现(下)

1.实现TypeScript的Vue组件。
codingories·2020-02-08 20:29

Vue中mixin（混入）的运用理解

混入我们先来看看vue官方是怎么介绍的混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
德日班勒·2020-02-08 19:46

vue的.vue文件是怎么run起来的(vue-loader)

答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件1、vue-loader做了什么？
程序汪丶·2020-02-08 11:42

Vue组件间通信-03

201710day03一、组件间通信（父组件传值给子组件）(propsdown)通常父组件中包含子组件，父组件要正向地向子组件传递数据或者参数，子组件接收后根据参数不同来渲染不同内容或执行不同操作。这个过程用props来从上至下实现，口诀propsdown。在子组件中，使用选项props来声明从父级接收的数据，props值可以是两种。一种是字符串数组，一种是对象。这是第一种方法字符串数组：①父组件
白雪公主960·2020-02-08 01:47

Vue源码分析—组件化(一)

接下来我们会用Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importV
oWSQo·2020-02-07 21:45

vue组件通信（props,$emit,$attrs,$listeners）

朝颜陌vue基础----组件通信（props,$emit,$attrs,$listeners）一、父传子，子传孙1.props1>在父组件中通过子组件自定义的标签属性来传递数据。2>在子组件中通过props声明希望用到的数据1234567letvm=newVue({8el:"#app",9data:{10msg:"helloyilia"11},12methods:{13fn(){14console
益码凭川·2020-02-07 15:00

旺财记账项目-Money.vue组件实现(上)

1.小技巧:快速包裹每一行选中，按两下shift，输入surround,选择surroundwithemit,输入li*,意思就是n个li包住行数2.input,label的写法新手老手备注3.文件行数规则一个文件超过150行，一般拆成多个文件。4.开始写CSS1.css重置,抽成另外一个文件reset.scss，然后在app.vue中引入//reset.scss*{margin:0;paddin
codingories·2020-02-07 14:36

Vue 混入

简介混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
OiuJen·2020-02-07 14:58

ElementUI多个子组件表单的校验管理

最初的项目为了方便，常常把多个表单写在一个.vue组件中，这导致单文件的代码量巨大，逻辑十分复杂。目前为了维护方便，表单的拆分就变得十分重要。
李棠辉·2020-02-07 12:12

vuex

VueX是一个专门为Vue.js应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)。
曹锦花·2020-02-07 10:07

Vue单元测试case写法

代码地址：https://github.com/MarxJiao/vue-karma-test/tree/spec-demo测试关注点对于vue组件，单元测试测试主要关注以下几点：vue组件加载后，
MarxJiao·2020-02-07 02:33

vue组件封装的流程

前言前一段时间利用空闲时间学习了一下vue组件的封装，也在工作中进行了实践，将公司常用的一个api抽象成了vue组件，并发布在npm上。
朱小维·2020-02-06 22:53
上一页 132 133 134 135 136 137 138 139 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他