vue组件

vue.js父组件如何触发子组件中的方法

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。使用组件示例：子组件：chil
燕自浩·2019-06-08 09:53

Vue组件化开发

Vue的组件化设计到的内容又非常多，当在面试时，被问到：谈一下你对Vue组件化的理解。这时候又有可能无从下手，因此在这里阐释一下个人对Vue的组件化的理解。
海因斯坦·2019-06-06 16:00

vue组件之间传值总结

2.子组件定义props接收动态绑定的属性props:['title','tableList','run','init']3.子组件使用数据-->2.在父组件中使用this.$refs.header.属性/this.$refs.header.方法-->
Garcia648·2019-06-06 14:59

Vue组件的基础使用

外部导入Vue文件里的组件以App.vue文件为入口，修改如下importfirstcomponentfrom'./components/Vue_Test.vue'//导入组件模块exportdefault{name:'App',data(){return{msg:'HelloVue!'}},components:{firstcomponent}//注册}#app{font-family:'Ave
友人CWH·2019-06-06 11:36

Vue组件的基础使用

外部导入Vue文件里的组件以App.vue文件为入口，修改如下importfirstcomponentfrom'./components/Vue_Test.vue'//导入组件模块exportdefault{name:'App',data(){return{msg:'HelloVue!'}},components:{firstcomponent}//注册}#app{font-family:'Ave
友人CWH·2019-06-06 11:36

解决vue组件props传值对象获取不到的问题

先说问题，父组件利用props向子组件传值，浏览器console有这个值，但是获取不到内部的属性，困了我3个小时，真的**personalconsole以下为原代码1、home.vue（父组件）--personal是被传的参数exportdefault{data(){return{personal:{state:'',////判断是修改状态，还是新增状态add/editdata:[]}}},mou
fangzhou_lu·2019-06-06 11:25

vue-cli3项目展示本地Markdown文件

【版本】[email protected]【步骤】1、安装插件vue-markdown-loadernpmivue-markdown-loader-D该插件可以将markdown文件加载成vue
chenyunqing·2019-06-06 00:00

前端组件库(Element UI)的实现原理：教你如何实现自定义组件库，并打包发布至npm

前言对Vue组件开发有一定了解，对UI组件库的实现比较感兴趣，想要理解其开发原理，这篇文章可以帮助你实现并发布自己的第一个自定义插件。
倒不了的dota·2019-06-05 00:00

季度选择控件element-ui+vue组件

季度选择器其实是很经常用到的控件，elementui里面居然没有，情急之下利用elementui里面的其他组件做了个类似的组件，需要自取~{{year}}年第一季度第二季度第三季度第四季度/***@file:View组件季节选择控件*@author:v_zhuchun*@date:2019-05-23*@description:UI组件可选择季节*@api:valueArr:季度valuedefa
竹春·2019-06-04 10:36

深入剖析Vue源码 - 组件进阶

回顾深入剖析Vue源码-组件基础小节，我们深入了解了Vue组件注册到使用渲染的完整流程。这一节我们会在上一节的基础上介绍组件的两个高级用法：异步组件和函数式组件。
weixin_34049948·2019-06-04 09:00

vue组件系统

除了根组件之外的全局组件和局部组件的data数据必须是函数data(){return{}}根组件vue{{msg}}//下面的newVue就是根组件varapp=newVue({el:'#app',data:{msg:'hello,world'}})全局组件：全局组件注册方式：Vue.component(组件名,{方法})全局组件必须写在Vue实例创建之前，才在该根元素下面生效；vue{{msg}
coffee1949·2019-06-02 13:26

vue 响应式与数据更新，dom更新与安全抓取

vue会使用Object.defineProperty方法将data中的属性变成getter/setter型属性，每一个vue组件会对应一个watcher，它会在组件渲染的过程中把“接触”过的数据属性记录为依赖
LUGY·2019-06-01 18:33

vue组件mixins和extends的使用

一、mixin全局混入全局注册一个混入，影响注册之后所有创建的每个Vue实例。插件作者可以使用混入，向组件注入自定义的行为。不推荐在应用代码中使用。全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器andsoon）1、在src目录下新建一个mixins目录，在mixins目录下新建一个index.js文件。写一个供全部vue实例使用的跳转方法。exportdefault={data
aaa333qwe·2019-05-31 12:01

vue插件汇总

浏览了一下，确实不错，另补充以下几个插件（欢迎大家将自己使用的插件留言给我，共同进步）：vue-orgchart可编辑,可导出JSON的树形组织图的VUE组件viewerjs强大的图片查看器插件，非常的好用一
江湖煮酒·2019-05-31 11:00

vuex全局状态管理(单项数据流)

官网的一张图，完整流程：vuex.pngVueComponents：Vue组件。HTML页面上，负责接收用户操作等交互行为，执行dispatch方法触发对应action进行回应。
F飞凡·2019-05-31 09:34

vue组件v-select下拉多选框

v-select下拉多选框先看看最终实现效果图是vue的一个组件。用于下拉框多选的情况1.需要的包文件2.准备数据varvm=newVue({el:'#rrapp',updateTrue:false,data:{options:[],roleList:[],user:{roleId:'',roleName:'',}})如果是静态的，则直接把数据写到options里面，如果是动态获取，则请求url后
JEROCHAN·2019-05-31 09:42

【Vue】Vue 小课堂

《Vue组件化设计》测试题一、关于MVVM的理解1.Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。2.View代表UI组件，它负责将数据模型转化成UI展现出来。
Dora_5537·2019-05-30 16:43

细说Vue组件的服务器端渲染的过程

声明：需要读者对NodeJs、Vue服务器端渲染有一定的了解现在，前后端分离与客户端渲染已经成为前端开发的主流模式，绝大部分的前端应用都适合用这种方式来开发，又特别是React、Vue等组件技术的发展，更是使这种方式深入人心。但有一些应用，客户端渲染就会遇到一些问题了：需要做SEO（搜索引擎优化），但客户端渲染的html中几乎没有可用的信息需要首屏快速加载，但客户端渲染一般是长时间的加载动画或者白
senntyou·2019-05-30 15:22

实用的Vue开发技巧

如下这个例子，我们将在组件外创建一个store，然后在App.vue组件里面使用store.j
skinner·2019-05-30 10:42

vue组件三大核心概念图文详解

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props最好用对象的写法，
浪里行舟·2019-05-30 09:35

细说 Vue 组件的服务器端渲染

细说Vue组件的服务器端渲染声明：需要读者对NodeJs、Vue服务器端渲染有一定的了解现在，前后端分离与客户端渲染已经成为前端开发的主流模式，绝大部分的前端应用都适合用这种方式来开发，又特别是React
senntyou·2019-05-30 00:00

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props最好用对象的写法，
浪里行舟·2019-05-30 00:00

Vue组件

任务分为非一.组件通信–单项数据流>9种父子组件通信props接收父子组件通信：父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件子组件在自己的配置项中通过props来接收这个属性Vue.component('Son',{template:'#son',//props:['aa'],props:{//属性：属性的数据类型给数据做属性验证，验证数据类型'aa':Numbe
DingLei_·2019-05-29 22:03

Vue组件

任务分为非一.组件通信–单项数据流>9种父子组件通信props接收父子组件通信：父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件子组件在自己的配置项中通过props来接收这个属性Vue.component('Son',{template:'#son',//props:['aa'],props:{//属性：属性的数据类型给数据做属性验证，验证数据类型'aa':Numbe
DingLei_·2019-05-29 22:03

利用webpack打包自己的第一个Vue组件库

先说一下这篇文章的诞生原因。我们有一个这样的项目，类似或者说就是一个仪表板-Dashboard，其中的各个部分可能不是一个部门写的……我们需要提供拖拽布局（大小和位置）和展示的能力。要实现这样一个功能，想了好几种方式实现（后面的笔记详说），最后选择了这篇笔记的实现方式：写整个项目的，算是使用方；写每个组件的，算是vue类库（UI、组件库）的提供方。之后就是我们如何使用这些类库的问题了，就像我们使用
du-blog·2019-05-29 22:00

vue-resource vue-axios传递数据

使用vue-resource传递数据在Home.vue组件中传送数据首页组件请求数据{{item.title}}/*请求数据的模板vue-resource官方提供的vue的一个插件axiosfetch-jsonp
過眼云烟·2019-05-29 21:38

VS code 中 vue 组件模板配置

新建vue文件输入tplv后按tab键一键生成常用vue组件其中prefix选项的值可以随自己的喜好自己设置快捷键其中\t表示一个table的缩进exportdefault中的选项可以参考已有的配置自己添加
梦不成·2019-05-25 18:37

vue-cli3构建TS项目（基础篇）

概述：template和style跟以前的写法保持一致，只有script的变化Vue三个TS封装库vue-class-componentvue-class-component对Vue组件进行了一层封装，
非为000·2019-05-24 17:05

Vue组件通信的六种方式

在平时的开发过程中，父子/兄弟组件间的通信是肯定会遇到的啦，所以这里总结了6种Vue组件的通信方式：1.props/$emit2.$emit/$on3.Vuex4.
EarlEcho·2019-05-24 16:16

Vue组件通信的六种方式

在平时的开发过程中，父子/兄弟组件间的通信是肯定会遇到的啦，所以这里总结了6种Vue组件的通信方式：1.props/$emit2.$emit/$on3.Vuex4.
EarlEcho·2019-05-24 16:16

Vue学习

文章目录Vue组件的简单使用和传值操作Vue模板表达式-侦听器-计算属性Style&Class绑定Vue注意事项解析DOM模板时的注意事项在子组件中使用data通过Vue获取DOM节点和子组件实例父子组件之间的数据传递
邙星魂·2019-05-23 09:02

vue之mixin理解与使用

vue之mixin理解与使用混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
Amanda_wmy·2019-05-22 16:10

自定义Vue组件打包、发布到npm及使用教程

本文将帮助：将自己写的Vue组件打包到npm进行代码托管，以及正常发布之后如何使用自己的组件。本文讲述的仅仅是最基础的实现，其他复杂的操作需要非常熟悉webpack的相关知识，作者将继续学习。
灭灭·2019-05-22 08:16

关于大厂UI框架的收集

1、京东nutui：https://nutui.jd.com/#/index一套京东风格的轻量级移动端Vue组件库2、阿里AntDesign：https://ant.design/index-cn服务于企业级产品的设计体系
承诺一时的华丽·2019-05-22 00:36

一文快速详解前端框架 Vue 最强大的功能

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$p
浪里行舟·2019-05-21 16:06

Vue组件强制刷新（重新渲染）的四种方案对比

Vue的双向绑定用着确实方便，但自动档虽好，手动档也不是一无是处；在特定的情况下，还真的要手工触发“刷新”操作，目前有四种方案可以选择：刷新整个页面（最low的，可以借助route机制）使用v-if标记（比较low的）使用内置的forceUpdate方法（较好的）使用key-changing优化组件（最好的）前面两种种不多介绍了，我们重点介绍后面的两个：forceupdate组件内置$forceU
Kevin395·2019-05-21 11:34

从零开始构建自己的vue组件库番外篇

从零开始构建自己的vue组件库番外篇写在前面（这段话只适合新手，高手请绕行）鉴于前两节构建组件用到了很多形如:class="[prefixCls+'__icon'+'--'+type,iconType]
vannvan·2019-05-21 00:00

VUE基本语法

2.2el2.3data2.4methods三.VUE表达式四.VUE的指令v-text,v-htmlv-forv-bind:绑定属性v-model:数组双向绑定v-show:展示与隐藏v-if:判断v-on:注册事件五.VUE
CSDN蔡茂·2019-05-19 11:17

Vue组件间通信6种方式

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

如何写好一个vue组件,老夫的一年经验全在这了（推荐）

一个适用性良好的组件，一种是可配置项很多，另一种就是容易覆写，从而扩展功能Vue组件的API来自三部分――prop、事件和插槽：prop允许外部环境传递数据给组件event允许从组件内触发外部环境的副作用
sarva·2019-05-18 09:34

vue组件间通信($attrs, $listeners)

一、介绍$listeners(自下而上传递数据)，$attrs(自上而下多组件传递数据)在vue组件化开发过程中，涉及到多层组件嵌套，但如果仅仅是传递数据，而不做中间处理，使用Vuex层架复杂度这时候使用
理个以哈呦·2019-05-17 11:03

vue组件间通信六种方式（完整版）

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、
浪里行舟·2019-05-17 00:00

少女风vue组件库的制作全过程

预览组件库官网github地址如果喜欢各位小哥哥小姐姐给个小星星鼓励一下哈，请勿在生产环境中使用，供学习&交流~~完整项目目录结构gitclone到本地安装依赖后，执行npmrunserve进行本地组件库开发，npmrundocs:dev进行组件库官网开发。一般在src/demo.vue进行单个组件测试通过后，再引入到.vuepress/components中放入组件库官网。├─docs//vue
gojil·2019-05-15 10:04

vue组件间通信六种方式（总结篇）

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、
浪里行舟·2019-05-15 08:01

vue组件递归渲染——vue树形控件超级简单版本

蠢蠢的效果图，下面是源码：树结构组件代码{{item.id}}v-elseexportdefault{name:'NewTry',props:{children:Array},data(){return{}},methods:{change(item){item.show=!item.show}}}然后是父组件引用代码：importNewTryfrom'./newTry.vue'exportdef
鹿鹿安·2019-05-14 18:52

vue使用videojs控制后台m3u8数据请求

VideoJS中并没有stop之类控制后台数据请求的参数，只有暂停video.pause()方法，但是对于后台的请求是不会暂停的，如果我页面有多个Vedio实例需要存在，这样就太影响页面效率了我使用的是Vue
江湖煮酒·2019-05-14 15:00

Vue组件的发布和使用

编写VUE组件按照正常程序编写组件1、发布组件建立index.js文件，导出我们的组件importwyPayVuefrom'.
涅槃no重生·2019-05-13 19:23

vuex简单入门

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

vue-cli3项目本地mock数据时报404错误

node.js(11.6.0)项目：vue-cli3下创建的项目，已安装axios，使用自带的webpack-dev-server来mock数据：在根目录下创建vue.config.js扩展webpack设置：在vue
偶余杭·2019-05-12 15:31

基于elementUI使用v-model实现经纬度输入的vue组件

绑定一个[12.34,-45.67](东经西经，南纬北纬正负表示)形式的经纬度数组，能够按度分秒进行编辑，效果如下所示，点击东经，北纬可切换。经纬度的度转度分秒能够获取度分秒格式数据Coordinates组件实现模板一个span显示东经西经，三个输入框输入度分秒{{longFlag|longitudeName}}°′″{{latFlag|latitudeName}}°′″实现props：父组件传入
何处繁华·2019-05-12 09:40
上一页 143 144 145 146 147 148 149 150 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他