vue组件

Vue组件之间传值

Vue组件之间传值父子组件之间父组件向子组件传值属性props//childprops:{msg:String}//parent特性$attrs//child，并未在组件中声明props{{$attrs.msg
蠱骰·2019-10-04 23:57

[Vue] vue2.0文档快览

vue实例所有的Vue组件都是Vue实例，并且接受相同的选项对象当一个Vue实例被创建时，它将data对象中的所有的属性加入到Vue的响应式系统中。
月山·2019-10-02 21:23

DevExtreme React和Vue组件全新功能上线

行业领先的.NET界面控件DevExpress正式发布了v19.1版本，本文将主要介绍DevExtremev19.1中React组件响应式应用程序布局模板及CLI工具、本地React图表，和Vue组件的一些新功能等
AABBbaby·2019-09-29 11:00

DevExtreme React和Vue组件全新功能上线

行业领先的.NET界面控件DevExpress正式发布了v19.1版本，本文将主要介绍DevExtremev19.1中React组件响应式应用程序布局模板及CLI工具、本地React图表，和Vue组件的一些新功能等
AABBbaby·2019-09-29 11:27

Vue 组件

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。使用组件全局注册我们已经知道，
lamp_yang_3533·2019-09-28 21:33

10 分钟上手 Vue 组件 Vue-Draggable

本文将通过一个最简单的拖拽例子带领大家快速上手Vue组件Vue-Draggable。首先，需要在工作环境中配置好Vue-cli，创建一个vue项目。
实验楼·2019-09-28 09:00

vue学习总结一（环境部署，项目搭建开发）

小白vue学习总结，阅者酌情参考，欢迎指正一.安装环境安装nodejs：查看版本node-v加载vue组件：npminstallvue搭建vue的开发环境，安装vue的脚手架工具官方命令行工具：npminstall
橙子CC啊·2019-09-27 17:19

通过 Laravel 创建一个 Vue 单页面应用（二）

在这个教程中，我们通过学习怎样从Vue组件中的LaravelAPI加载异步数据，来继续在Laravel中创建一个Vue单页应用（SPA）。
Charlie_Jade·2019-09-27 12:25

记一个复杂组件（Filter）的从设计到开发

此文前端框架使用rax，全篇代码暂未开源（待开源）原文链接地址：Nealyang/PersonalBlog前言貌似在面试中，你如果设计一个react/vue组件，貌似已经是司空见惯的问题了。
isNealyang·2019-09-27 11:00

Webstorm中 *.vue 文件报红

今天用WebStorm2019.2将本地的Vue项目打开后，发现vue组件中的script标签全部报红了，虽然后不影响项目启动，但是作为强迫症的我还是想改好这些文件，经过查阅资料，解决方案如下：打开File
那杯热咖啡·2019-09-26 19:47

理解Vue.mixin，利用Vue.mixin正确的偷懒

关于Vue.mixin在vue官方文档中是这么解释的：混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
有梦想的咸鱼前端·2019-09-26 11:00

使用 Jest 进行 Vue 单元测试

本文介绍：1、vue-cli3下jest环境的搭建2、vue组件基本的测试方法环境配置vue-cli3的插件使安装流程变得格外简单，通过vueui启动可视化管理系统，在插件栏，点击‘添加插件’，搜索@vue
周明杰·2019-09-26 10:00

openlayers学习笔记demo练习之overlay(vue框架)

注意：该demo的示例代码基于vue开发，代码为一个vue组件###地图overlay的基本使用//导入依赖import'ol/ol.css'importMapfrom'ol/Map'importViewfrom'ol
jing_su_long·2019-09-26 09:00

vue使用kindeditor富文本编辑器上传图片时跨域解决

当我们使用kindeditor富文本编辑器的时候会出现iframe跨域问题可以通过重定向来解决第一步：先在项目中创建一个redirect的vue组件exportdefault{name:"redirect
-葵藿倾阳·2019-09-25 17:17

Vue发布nmp包

有的同学问我怎么将自己开发的Vue组件打包上传，供他人下载使用呢？
坏菠萝·2019-09-25 16:54

百度地图坐标拾取器vue组件

百度地图坐标拾取器vue组件，改善后台应用坐标输入体验，支持按城市名称搜索。搜索框样式依
a19905522·2019-09-25 10:19

Vue之Mixins (混入)

混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
yang·2019-09-24 00:00

在 vue 中使用 jsx 与 class component 的各种姿势

随着组内很多时候为了让view层更加清晰，和一些复杂的逻辑处理，导致现在vue代码中jsx的代码越来越多，这里进行一个整理说明如何使用先参看腾讯alloyTeam这篇文章：用jsx写vue组件里面有提到使用
wx5d61fdc401976·2019-09-23 16:57

如何打造一套vue组件库

开篇组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。目前的开源组件库有很多，不管是react还是vue的体系里都有很多非常优秀的组件库，比如我经常使用的就有elementui和iview。当然也还有其他的一些组件库，他们的本质其实都是为
wx5d61fdc401976·2019-09-23 16:15

实例分析编写vue组件方法

vue组件的概念是变得越来越重要了噢。今天小编我就来给大家分享一下编写vue组件的经验噢。1、首先引入vueJS框架并且在底部new一个vue实例便可得到一个组件了哦。
·2019-09-23 07:04

在vue项目中引入vue-beauty操作方法

vue-beauty有丰富的vue组件库，使用vue-beauty方便项目的开发，下面介绍在vue项目中引入vue-beauty。
·2019-09-23 07:19

Vue组件的使用及个人理解与介绍

组件的基本使用注册组件注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。Vue.component('mycomponent',{template:`这是一个自定义组件`,data(){return{message:'helloworld'}}})如上方式，就已经创建了一个自定义组件，然后就可以在Vue实例挂在的DOM元素中使用它。varapp
·2019-09-23 07:02

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

[toc]这篇文章主要记录了从零发布一个vue的npm包（包含一个简单的指令和一个vue组件）的实践过程及些许心得。
leason57·2019-09-23 06:39

Vue组件大全包括（UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例)

Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目一、Vue常用UI组件element★11612-饿了么出品的Vue2
·2019-09-23 05:11

详解vue组件开发脚手架

generator-vue-component可以快速生成自己的组件开发的脚手架，类似于vue-cli生成vue项目，这脚手架是目录结构是方便组件开发和调试由于脚手架是由yeoman搭建，所以必须全局安装yeomannpminstallyo然后全局安装generator-vue-componentnpminstallgenerator-vue-component-g到项目目录，获取对应的开发模板y
·2019-09-23 03:07

详解vue组件基础

什么是组件组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相互融和，最终成为一个完整的应用，页面就是由一个个类似这样的组成部分组成的，比如导航、列表、弹窗、下拉菜单等。页面只不过是这样组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行
·2019-09-23 03:45

学习Vue组件实例

Vue实例项目启动过程看一下现在我们的项目，想想整个项目的启动过程是什么（以直接打开index.html的方法访问为例来说明）？你首先打开了index.html，里面只有一个写了一个id='root'的div，还有你引入了打包之后的代码，然后Vue自己肯定运行了一下（可以认为是Vue初始化）。接着，应该是执行了entry.js(因为打包是webpack打包的，你配置的入口文件就这一个)。entry
·2019-09-23 03:11

Vue组件库发布到npm详解

制作了一套自己的组件库，并发布到npm上，项目代码见https://github.com/hamger/hg-vcomponents前期准备有一个npm账号安装了vue-cli搭建项目vueinitwebpackhg-vcomponentscdhg-vcomponentscnpminstall目录结构-vue-flag-list+build+dist//存放发布到npm的代码-src-compon
·2019-09-23 02:16

Vue组件化开发思考

一般说到组件，我首先想到的是弹窗，其他就大脑空白了。因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有问题的。我发觉可能从意识上把Vue的组件和UI库的组件（弹窗之类的）混淆了。。。缘起于最近的一个表单开发，页面上有2个是联动菜单的选项。首先想到的是，这个样式和选择地址的那个联动菜单，完全一样哈～（废话，同一个项目当然要保持ui风格的相同啊！）不过差别在于我这
·2019-09-23 02:58

vue组件编写之todolist组件实例详解

我们在topNav这个页面上插入一个todolist子组件我不知道怎么回事，这里的markdown的代码总是串行。。所以代码看得不舒服，见谅啊，我最后会放github的源代码地址。1.父组件topNav中注册子组件，引入子组件下面这一行就是定义的组件名称/*1.通过import来引入我们的子组件drawerLayout2.引入子组件，并重新取名为todoList，然后在components组册一下
·2019-09-23 01:21

动态加载权限管理模块中的Vue组件

本文我们主要来聊聊登录以及组件的动态加载。登录状态保存当用户登录成功之后，需要将当前用户的登录信息保存在本地，方便后面使用。具体实现如下：登录成功保存数据在登录操作执行成功之后，通过commit操作将数据提交到store中，核心代码如下：this.postRequest('/login',{username:this.loginForm.username,password:this.loginFo
·2019-09-23 01:46

vue 实现 ios 原生picker 效果及实现思路解析

以前最早实现了一个类似的时间选择插件，但是适用范围太窄，索性最近要把这个实现方式发布出来，就重写了一个高复用的vue组件。
·2019-09-23 01:09

vue组件发布到npm简单步骤

1.0新建项目1.1初始化项目输入npminit，之后需要填什么就写什么新建src目录，并在src目录下新建alert.vue$npminit$mkdirsrc$cdsrc$touchalert.vue最后的目录结构1.2修改入口文件打开package.json，并修改1.3写组件内容这个组件内容可以随便写，我们就先测试一下，我是这样写的dddddd.alert{color:red;}export
·2019-09-23 00:03

Vue组件开发之LeanCloud带图形校验码的短信发送功能

有15万开发者使用LeanCloud服务，其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用，LeanCloud提供了数据存储、即时消息……等一站式服务，并从常用的用户管理需求出发，提供了邮箱验证、短信验证……等用户账户相关的服务。为防止攻击者恶意发送海量短信造成用户账户损失并影响正常业务，LeanCloud推出了免费图形校验码服务，并且可以在应用设置中设置“强制短信验证服务使用图形校验码”。Vue是
·2019-09-23 00:07

vue2.0数据双向绑定与表单bootstrap+vue组件

最近一直在用vue，觉得确实是好用。一，拿数据的双向绑定来说吧demo1{{name}}newVue({el:'#app',data:{name:''},watch:{name:function(){console.log(this.name);}}});vue中的所有数据都是在data中定义的，el是指的挂载的元素，watch是我可以检测某个数据的变化。v-model=“name”就是与data
·2019-09-22 21:04

webpack+vue.js实现组件化详解

建立vue组件在src目录下建立components文件夹，并在其中建立app.vue文件，这样我们项目的目录结构如下：|--dist//webpack打包后生成的文件夹||--build.js|--no
·2019-09-22 16:20

Vue SSR 组件加载问题

Node端渲染提示window/document没有定义业务场景首先来看一个简单的Vue组件test.vueclientHeight:{{clientHeight}}pxexportdefault{data
·2019-09-22 16:18

vue父组件向子组件(props)传递数据的方法

最近就有一些小伙伴问我，vue组件之
·2019-09-22 16:47

通过npm引用的vue组件使用详解

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。如何注册组件？需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下：varMyComponent
·2019-09-22 16:31

vue2中使用less简易教程

只需要安装less,less-loader就行了步骤npminstalllessless-loader--save//将less和less-loader安装到开发依赖npmrundev如果安装成功那么就可以再vue
·2019-09-22 13:12

vuex简单入门

说得通俗点就是，在vue组件中，多个组件要用到同一个数据源，并且通过这个数据源渲染视图，并且数据源发生变化了，组
我就是z·2019-09-21 22:52

Angular4+Koa2+MongoDB开发个人博客

后面工作使用vue框架，因为vue组件的单一，重写的界面效果没有达到自己满意的状态，所以第二版还未上线就被我舍弃掉。年假开
fsgrgs·2019-09-21 14:50

使用单文件组件的方式来开发 Vue 组件

本文是一篇使用“单文件组件”方式来开发vue组件的入门教程，尽量避免使用无关技术。另外，本文也不是webpack、babel等技术的教程，不会介绍相关语法，而只是简单地分享一下开发的流程。
pish7·2019-09-20 15:52

vue组件中各种传值的方法

一、直接使用属性传递的方式传递父组件中传递的参数可以有很多个,如果子组件中未使用props接收的话,会逐级的往下面传递并且会挂载在当时组件的dom上,见下图1、父组件给儿子组件传递参数2、在儿子组件中不接收son2组建:{{$attrs}}exportdefault{//inheritAttrs:false,如果不想要在dom上显示传递过来的属性,就加上这个};3、需要将剩余参数(当前组件未接收完
水痕01·2019-09-19 10:18

vue组件之间的多种通讯方式

一、父组件传递参数给子组件1、父组件传递参数2、在子组件中定义接收我是子组件{{name}}{{age}}{{bookList}}{{details}}{{isActive}}exportdefault{name:'son1',props:{name:{type:String,default:'',},age:{type:Number,default:0,},bookList:{//如果是对象或者
水痕01·2019-09-19 10:18

Vue如何规避父子组件单向数据流

Vue组件间传值，默认遵循单向下行绑定原则360截图20190919081130245.jpgprop传值的本质，是传递的引用。内外组件同一参数指向同一个内存区域，所以数据可以同步。
IT飞牛·2019-09-19 09:12

Vue 生命周期——钩子函数

生命周期就是一个vue组件从创建到销毁经历的过程。生命周期分为四个大阶段八个过程每个分为创建前和创建后什么是钩子函数？
Debug_info·2019-09-18 11:17

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

文章目录初始化项目完善内容编写组件编写指令统一导出发布前准备generator-standard-readme完善`package.json`文件本地包测试发布到npm这篇文章主要记录了从零发布一个vue的npm包（包含一个简单的指令和一个vue
崔小叨·2019-09-17 13:03

Vue组件通信的几种方法

上一节说到，vue.js是允许子组件通过props接受父组件的信息，但是不允许父组件通过props接受子组件的信息1.$emit()和on当子组件需要向父组件传递数据时，就要用到自定义事件。使用观察者模式，子组件用$emit()来触发事件，父组件用$on()来监昕子组件的事件。更常用的是:父组件也可以直接在在子组件自定义标签上使用v-on来监听子组件触发的自定义事件。2.bus：兄弟组件和跨多级组
whyaza·2019-09-16 17:00

vue组件间传值方式详解

组件间的传值分为两大类1.组件转跳时的传值（兄弟组件间的传值）2.父子组件间的传值3.通过Vuex进行传值1.兄弟组件间的传值解决思路：用params和query进行传值A组件1.A页面中的代码this.$router.push({name:'XXX',params:{id:id}})或this.$router.push({path:'/XXX',name:'XXXquery:{id:id}})B
无意义→_→·2019-09-13 13:22
上一页 139 140 141 142 143 144 145 146 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他