vue组件第152页

前端与移动开发之vue-day6（4）

App.vue组件的基本设置头部的固定导航栏使用Mint-UI的Header组件；底部的页签使用mui的tabbar;购物车的图标，使用icons-extra中的mui-icon-extramui-icon-extra-cart

czbkzmj·2018-11-21 14:16

vuex入门详解

vuex最简单、最详细的入门文档vuex最简单、最详细的入门文档如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。

MJ_e9a5·2018-11-21 13:19

toast组件的实现

当前目录结构，入口是app.js然后新建一个toast.vue组件，在app.js里使用这个组件，因为我们需要在全局里直接调用它，比如我们点击按钮的时候提示一个信息：当前功能不稳定，最好的办法就是直接调用它的

sweetBoy_9126·2018-11-16 21:09

Vue.js教程（七）：组件定义

但是Vue组件能解决的问题比上面例子要强大和丰富很多。本章节只是介绍Vue组件的基本使用。Vue组件定义和使用1、

Javen2016·2018-11-15 17:40

vue组件汇总转存

mojianpo·2018-11-15 16:00

Vue组件的component中data属性function传对象和不穿的对象的区别(不同效果)

话不多说上代码测试：定义一个全局组件，绑定msg我们首先看如果把data的值外传不在组件里面创建的效果{{count}}vardataObj={count:0}Vue.component('counter',{template:'#temp',data:()=>{returndataObj},methods:{increment(){this.count++}}})varvm=newVue({el

$(薛定谔的喵)·2018-11-15 14:26

webpack4+node合并资源请求, 实现combo功能(二十三)

本文学习使用nodejs实现css或js资源文件的合并请求功能，我们都知道在一个复杂的项目当中，可能会使用到很多第三方插件，虽然目前使用vue开发系统或者h5页面，vue组件够用，但是有的项目中会使用到类似于

龙恩0707·2018-11-14 00:00

vue组件入门下（组件通信和分发slot）

续前面提到组件分为全局和局部组件还有单个引入的方式，组件既然是可以复用的，那么在不同的情况喜爱必定涉及到数据交换的问题。父组件向子组件props传递参数//父组件即调用template的页面，此时为app//父组件message传递参数自定义message传递静态即字符一（字面量字符）自定义:message传递动态一（js计算量数字1）varapp=newVue({el:'#app'compone

litielongxx·2018-11-13 09:27

详解Vue组件插槽的使用以及调用组件内的方法

组件传参通过给组件传递参数,可以让组件变得更加可扩展,组件内使用props接收参数exportdefault{props:['options'],data(){return{}}}但是这个方法有局限性,例如我写了一个对话框组件,对话框的内容是自定义的如果我只是显示文字的话,我可以简单的将字符串传进去props:['message']但是如果需要在其中添加一个按钮的话,这种方法就显得很笨重了,所以我

Laziji·2018-11-13 08:14

vue组件从开发到发布的实现步骤

本文介绍了vue组件从开发到发布的实现步骤，分享给大家，具体如下：组件化是前端开发非常重要的一部分，从业务中解耦出来，可以提高项目的代码复用率。

bestvist·2018-11-11 10:05

Vue + quasar-framework进行Vue混合app开发 ─ Cordova插件调用(二)

在这个事件被触发之后，Quasar监听这个事件并且处理我们的根Vue组件。但是如果你需要一些插件自己的变量并且在deviceready之后初始化你

寻梦无痕·2018-11-10 15:50

Vue组件之单向数据流的解决方法

子组件能够通过自身的props选项获取父组件上的数据，但是在默认情况下，props是单向绑定的---当父组件数据（属性）发生变化的时候会传递给子组件，引起子组件的变化，但不能反过来并且不允许子组件直接改变父组件的数据，会报错的。例如：也就是说当通过一种方法改变父组件数据的时候，子组件与之相关联的props数据也会发生改变，从而影响子组件，但是子组件直接改变从父组件拿过来的props数据却不能影响父

初心鸿鹄·2018-11-10 12:35

详解如何制作并发布一个vue的组件的npm包

因为本文主要是讲如何把一个vue组件做成npm包并发布。分为2大步骤：一.按照相应格式写我们的vue代码（就如同写一个jquery插件时、有其固定的格式一样）。

hamupp·2018-11-10 12:34

vue 与 vue-router 在 webpack 中的使用

使用方式在项目中安装vuenpmivue-S在webpack中推荐我们使用.vue组件模板文件定义组件，webpack不能打包解析这种类型的文件，所以我们要去安装能够解析这种文件的loadernpmivue-loadervue-template-compiler-D

hgzzz·2018-11-09 20:22

Vue拖拽Draggable插件

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。

叶落森·2018-11-08 10:57

【vue】学习lodash : 这一篇就够了

安装的话很简单npmilodash-D然后在使用的vue组件里边import_from‘lodash'exportdefault{} 一、Array的一些常用方法的总结：_.compact(array)

当白·2018-11-07 17:16

vue-cli 首屏加载优化问题

[contenthash].js类似下面的路由代码router/index.js路由相关信息,该路由文件引入了多个.vue组件importPersonalfrom'@/components/page/Personal'importMessagefr

lxy3344·2018-11-06 17:52

vue组件tabbar使用方法详解

本文实例为大家分享了vue组件tabbar的具体使用方法，供大家参考，具体内容如下1.App.vue首页书影音我的//引入vuxtabbar组件import{Tabbar,TabbarItem}from'vux

wandoumm·2018-11-06 15:42

vue + webpack +chrome 调试

一、devtoolsdevtools是Chrome的调试vue的插件，可以直接显示VUE组件现在的状态。

无雪冬天·2018-11-06 00:00

vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）

前言：此事例是在vue组件中，使用canvas实现倒计时动画的效果。

Damon风·2018-11-05 09:13

关于Vue中Swiper图片加载问题

有时我们在vue组件中使用swiper，而swiper中的图片是ajax获取的，会导致轮播图中只有第一张具有轮播图效果，这是因为ajax获取数据是异步的，所以newswiper（）会先执行，等到ajax

weixin_34290390·2018-11-04 15:48

vue extend构造器的延伸

*文本为付费内容，您已获得全文阅读权限前段时间花了不少的时间在学习和了解Vue的组件，虽然中间浅尝了Vue组件的基础，体验了其魅力，但还是有很多深层的东西未掌握，也还不能非常灵活的使用Vue的组件。

Jesen_master·2018-11-01 16:58

Vue组件切换--v-if(适合只有两个组件)

code：组件切换v-if--适用于两个组件切换登录注册Vue.component("login",{data(){return{}},template:`登录`})Vue.component("reqister",{data(){return{}},template:`注册`})newVue({el:"#app",data:{flag:true}})

AsaZyf·2018-11-01 16:58

Vue组件(三)——keep-alive性能优化

例如，vue的项目入口都是App.vue组件（定义在main.js中），因此：exportdefault{name:'App'}keep-alive的钩子activat

崔大崔·2018-11-01 15:00

vue组件中的国际化i18n在js中使用时未生效的处理

转自我的简书：https://www.jianshu.com/p/9e018002976e在国际化i18n组件使用中，我们之前的用法有点错误，我总结一下哈：在vue组件的中使用{{$t("m.RegisterTitle

markinstephen·2018-11-01 15:35

Vue组件--创建组件之利用template元素

代码:这是template元素，在外部定义的组件结构，这个方式，有代码提示Vue.component("oTest",{template:"#temp"})newVue({el:"#app",data:{}})

AsaZyf·2018-10-31 21:50

Vue组件--创建组件常用方式及其注意点

代码：component定义组件注意点//Vue-component定义组件的名称时，若使用了驼峰命名，在引用组件时需把大写字母改为小写，同时两者之间用“-”链接Vue.component("oTest",{//注意:timplate属性指向的模板内容必须有且只能有唯一的一个根元素【也就是包裹着它的父元素】template:`你好我们都被div包着,所以不报错`})newVue({el:"#app

AsaZyf·2018-10-31 21:10

Vue组件--父与子组件

代码:注意：子组件里面的data必须是函数例子说明：每点击一次数字，加一，结果也跟着改变{{total}}//vuexVue.component("count",{data(){return{numcount:this.num//②定义}},props:["num"],//①接收//③使用template:"{{numcount}}",methods:{add:function(){//alert

AsaZyf·2018-10-31 16:07

Vue组件--利用axios和组件

注意：要导入vue.js、axios.is和bootsteap.css包.desc_title{display:inline-block;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}.price{font-size:20px;font-weight:bold;color:crim

AsaZyf·2018-10-31 16:02

vue 实现路由跳转

1.前一节已经安装了vue-router(npminstallvue-router--save),现在就来使用一下1）先在App.vue组件中配置路由出口2)配置main.js文件importVuefrom'vue'importAppfrom

djinzhong·2018-10-31 11:32

vue组件中的样式属性scoped实例详解

vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素它是通过使用PostCSS来改变以下内容实现的:.example{color:red;}hi渲染结果：.

一个慢·2018-10-30 14:52

vue组件-动态搜索下拉框组件

组件dropdown.vue代码如下：{{item}}{{nodatatext}}exportdefault{data(){return{datalist:[],inputText:"",isShowData:false,isShowNone:false}},props:{'itemlist':Array,'placeholder':String,'nodatatext':String},meth

张兴华(MarsXH.Chang)·2018-10-30 10:39

Vue2视频教程系列第二十九节—混入 (mixins)

混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。这句话好难懂啊！我暂且先不去给mixins下个定义，我来说明一下它在什么时机用，大家就可以了解了！

独绽2018·2018-10-26 19:07

Vue的状态管理「Vuex」

前言本文假设读者已经了解vue的基础语法，能够使用vue编写出简单的页面Vue组件间的通信为了更全面认知我们来回顾一下以下内容。

果汁凉茶丶·2018-10-26 18:00

vue中解决布局和表格自适应的问题

可以使用第三方JS库“element-resize-detector”，并定义监听元素变化事件的回调函数，通过该函数动态计算元素高度，然后写入到Vue组件的样式中。从而实现布局上的自适应。

润清·2018-10-26 18:32

vue组件之间通信：父传子

2019独角兽企业重金招聘Python工程师标准>>>如果熟悉React你就会发现，vue与React的组件通信是一样的：父传子、子传父、非父子其原理是一样的。今天只讲vue的父传子：子组件： {{name}} exportdefault{ props:['name'], data(){ return{

weixin_33918114·2018-10-25 18:00

vue组件传值之（父子）

原文链接：https://juejin.im/post/5bcdda1f518825533c6805a5⚠️组件的作用域是孤立的，vue解决组件传值问题是通过props⚠️子传父的时候需要vm.$emit触发实例上的事件，页面需要定一个方法去取值⚠️一定要注意命名方式和书写，例如mylChart和myl-chartdataRadio和data-radio:objline和@data-radio⚠️

weixin_34273046·2018-10-22 14:17

【vue】vue组件传值的三种方式

非父子组件传值引用官网的一句话：父子组件的关系可以总结为prop向下传递，事件向上传递父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：下面我们就开始用代码（一言不合就上代码）详细的介绍vue

不想写代码的码农·2018-10-22 14:02

高级 Vue 组件模式 (3)

03使用mixin来增强Vue组件目标之前一篇文章中，我们虽然将toggle组件划分为了toggle-button、toggle-on和toggle-off三个子组件，且一切运行良好，但是这里面其实是存在一些问题的

littleLyon·2018-10-20 00:00

Vue提高12 Mixins

基础混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

多拉斯基·2018-10-19 16:04

Vue组件继承 -- 3

https://blog.csdn.net/hesi726/article/details/83115235这儿说了我们Wrap一个Vue组件后想要实现的3个目标：也就是说此组件应该和被wrap的组件一样被另外的组件使用

hesi726·2018-10-19 00:32

vue中使用cookies和crypto-js实现记住密码和加密的方法

使用crypto-js加解密第一步，安装npminstallcrypto-js第二步，在你需要的vue组件内importimportCryptoJSfrom"crypto-js";第三步，使用//Encrypt

李大雷·2018-10-18 10:26

vue组件从开发到发布

让我们来了解一下vue组件从开发到打包发布流程，并配置Github主页。本文以vue-clock2组件为例，欢迎star_~~项目地址目标框架：vue打包工具：webp

bestvist·2018-10-15 21:18

vue组件从开发到发布

让我们来了解一下vue组件从开发到打包发布流程，并配置Github主页。本文以vue-clock2组件为例，欢迎star^_^~~项目地址目标框架：vue打包工具：webpack

bestvist·2018-10-15 00:00

vue中style下scope的使用和坑

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？

潜行的Q·2018-10-11 16:01

javascript及vue中 this全面指南

情况二：函数中//test.jsfunctioninner(){this}此时函数中的this表示全局对象window开发环境：Vue情况一：vue组件中newVue({data:{a:1},created

daijiguo·2018-10-10 16:00

Vue.js进阶【2-1】Vue Loader管理单文件组件file.vue

vue-loader（官网介绍）是一个webpack环境下的加载器，允许你以单文件组件Single-FileComponents(SFCs)的格式管理Vue组件。

CalmReason·2018-10-10 10:37

在百度地图的Infowindow中添加vue组件

情况概述：在使用百度地图开发应用时，会遇到在maker的infowindow中添加button的需求，一般情况下我们插入一段html就行了。但是当我们使用vuejs开发时，会发现我们插入的v-on这些指令都失效了，这个原因这位dragon清兄弟已经说明的很清楚了，可以参考他发的文章Vue页面动态添加Html标签中如何绑定事件，我按照他提供的方法解决的这个问题，并在留言中感谢了作者，但是发现还有朋友

我是老郭·2018-10-10 10:33

从零开始封装自己的自定义Vue组件

想要封装好一个自己的vue组件，一定要熟练掌握这三个技能父组件―>子组件传值（props）子组件―>父组件传值（$emit）以及插槽（slot）对于一个独立的组件来说props是用来为组件内部注入核心的内容

手撕黄油·2018-10-09 16:32

vue组件通信全面总结

写在前面组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景文章对相关场景预览父

weixin_34348174·2018-10-09 13:57

推荐频道

vue组件

前端与移动开发之vue-day6（4）

vuex入门详解

toast组件的实现

Vue.js教程（七）：组件定义

vue组件汇总转存

Vue组件的component中data属性function传对象和不穿的对象的区别(不同效果)

webpack4+node合并资源请求, 实现combo功能(二十三)

vue组件入门下（组件通信和分发slot）

详解Vue组件插槽的使用以及调用组件内的方法

vue组件从开发到发布的实现步骤

Vue + quasar-framework进行Vue混合app开发 ─ Cordova插件调用(二)

Vue组件之单向数据流的解决方法

详解如何制作并发布一个vue的组件的npm包

vue 与 vue-router 在 webpack 中的使用

Vue拖拽Draggable插件

【vue】学习lodash : 这一篇就够了

vue-cli 首屏加载优化问题

vue组件tabbar使用方法详解

vue + webpack +chrome 调试

vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）

关于Vue中Swiper图片加载问题

vue extend构造器的延伸

Vue组件切换--v-if(适合只有两个组件)

Vue组件(三)——keep-alive性能优化

vue组件中的国际化i18n在js中使用时未生效的处理

Vue组件--创建组件之利用template元素

Vue组件--创建组件常用方式及其注意点

Vue组件--父与子组件

Vue组件--利用axios和组件

vue 实现路由跳转

vue组件中的样式属性scoped实例详解

vue组件-动态搜索下拉框组件

Vue2视频教程系列第二十九节—混入 (mixins)

Vue的状态管理「Vuex」

vue中解决布局和表格自适应的问题

vue组件之间通信：父传子

vue组件传值之（父子）

【vue】vue组件传值的三种方式

高级 Vue 组件模式 (3)

Vue提高12 Mixins

Vue组件继承 -- 3

vue中使用cookies和crypto-js实现记住密码和加密的方法

vue组件从开发到发布

vue组件从开发到发布

vue中style下scope的使用和坑

javascript及vue中 this全面指南

Vue.js进阶【2-1】Vue Loader管理单文件组件file.vue

在百度地图的Infowindow中添加vue组件

从零开始封装自己的自定义Vue组件

vue组件通信全面总结