vue组件第158页

vue 写作风格指南及规范

其中大部分都是按照指南的规定来遵循的，如果不想一个一个看指南中的规则，可以遵循本文总结的规则，也能写出符合规范的vue组件。

阳呀呀·2018-04-23 00:00

自己开发的几个VUE组件

solong2008·2018-04-21 15:00

VUE组件库

UI组件element-饿了么出品的Vue2的webUI工具套件Vux-基于Vue和WeUI的组件库mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式UI库vuetify-为移动而生的VueJS2组件框架voni

王喂马_·2018-04-19 15:52

vue组件通信之任意级组件之间的通信

letevent=newVue();Vue.component('comp1',{template:`我是第一个组件`,data(){return{comp1_msg:''}},methods:{send(){event.$emit('comp1_send',this.comp1_msg);}}});Vue.component('comp2',{template:`我是第二个组件{{comp2_m

duansamve·2018-04-15 11:29

Step-by-step，打造属于自己的vue ssr

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。然而，也可以将同一个组件渲染为服务

玩弄心里的鬼·2018-04-15 00:00

全站最详细的Vuex教程

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。

H5女王·2018-04-13 11:27

vue组件的写法汇总

常见的vue组件写法有四种，各有特色，适用于不同的场景。

XuM222222·2018-04-12 15:46

vue组件详解（五）——组件高级用法

一、递归组件组件在它的模板内可以递归地调用自己，只要给组件设置name的选项就可以了。示例如下：Vue.component('my-component19',{name:'my-component19',//其实当你利用Vue.component全局注册了一个组件，全局的ID会被自动设置为组件的name。props:{count:{type:Number,default:1}},template:

柴小智·2018-04-10 22:00

关于vue的父子组件传值问题

创建三个vue组件——index.vue(父组件)，son1.vue(子组件)，son2.vue(子组件)在router文件设置好父组件路径（子组件不用设置路由）；父子组件之间的页面转换是不通过路由的父组件传递数据给子组件使用

Call_me_small_pure·2018-04-09 17:23

vue写一个组件

写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。

Mr.苏·2018-04-09 13:15

写一个vue组件

写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。

Mr.苏·2018-04-09 12:00

vue组件详解之使用slot分发内容

props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分构成的。二、作用域{{message}}这里的messag

柴小智·2018-04-09 08:09

vue组件详解（四）——使用slot分发内容

props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分构成的。二、作用域{{message}}这里的messag

柴小智·2018-04-09 08:00

vue组件详解（三）——组件通信

组件之间通信可以用下图表示：组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。一、自定义事件当子组件需要向父组件传递数据时，就要用到自定义事件。子组件用$emit（）来触发事件，父组件用$on（）来监昕子组件的事件。父组件可以直接在子组件的自定义标签上使用v-on来监昕子组件触发的自定义事件，如：总数：{{total}}Vue.component('my-component9',{templ

柴小智·2018-04-08 22:00

vue组件中使用props传递数据的实例详解

在Vue中，父子组件的关系可以总结为props向下传递，事件向上传递。父组件通过props给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用法组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。在组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种，一种是字符串数组，一种是对象。1.1字符串数组：Vue.component('m

柴小智·2018-04-08 16:13

vue组件详解（二）——使用props传递数据

在Vue中，父子组件的关系可以总结为props向下传递，事件向上传递。父组件通过props给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用法组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。在组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种，一种是字符串数组，一种是对象。1.1字符串数组：Vue.component('m

柴小智·2018-04-08 16:00

vue组件与复用详解

一、什么是组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。2.1全局注册后，任何Vue实例都可以使用。如：Vue.component('my-component',{template:'这里是组件的内容'});varapp1=newVue({el:'#app1'});要

柴小智·2018-04-08 14:34

vue组件详解（一）——组件与复用

一、什么是组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。2.1全局注册后，任何Vue实例都可以使用。如：Vue.component('my-component',{template:'这里是组件的内容'});varapp1=newVue({el:'#app1'});要

柴小智·2018-04-08 12:00

vue2.0 资源文件assets和static的区别详解

在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。举个例子，在和background:url(./

认真的前端·2018-04-08 10:33

vue todo-list组件发布到npm上的方法

于是乎，说干就干，在这里操练一下，写个todo-list的vue组件案例。案例源码：https://github.com/wuwhs/todoList建立npm项目1.初始化npm

wuwhs·2018-04-04 10:33

Vue.Draggable 文档总结

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

Clew123·2018-04-03 21:15

拖拽排序vue组件

因为项目一开始用的jquery，所以当时找的拖拽排序插件是jquery-ui。然后最近想着是不是也可以用vue来做拖拽排序，前期找了几个，但是好像是不支持v2.0的，然后在思否刚好看到一篇文章，也是讲拖拽排序组件的，然后自己就跟着弄下来试了试。安装npminstallawe-dnd--savemain.jsimportVueDNDfrom'awe-dnd'Vue.use(VueDND)sortab

天空影·2018-04-03 15:11

vue组件的实例使用

在项目开发中，我们有必要将一些公共模块封装成组件。例如下图：看到这个样式，我们一定会想，下面三条数据一定是后台返回给前端一个数组，然后我们遍历出来。第一种做法:直接在页面去遍历这个数组，然后把三条数据展示出来。第二种做法：封装一个一条数据时候的组件，然后在页面遍历这个组件。实际开发中我们采用的是第二种方式，哪有人一定会问了，第一种多简单，干嘛用第二种。理由：如果一个模块在多个地方展示，而你的这个模

马优晨·2018-04-03 11:20

idea vue高亮（使vue组件代码提示）

原理就是用.html的方式打开.vue文件。这个idea的打开方式跟eclipse不同（这点比较恶心）希望对大家有所帮助。cltr+alt+s设置界面，打开方式修改

沧鹫小hai·2018-03-28 14:22

详解Vue 全局引入bass.scss 处理方案

为解决在Vue组件中全局引入scss变量及mixins，装载了一个名为"sass-resources-loader"解析器。

Bboy_2016·2018-03-26 15:45

highlight.js 在 Vue 中使用的一点儿经验

实现方法首先，把markdown文件加载为vue组件，这需要一个合适的loader，自己目前使用vue-markdown-loader。

田较瘦·2018-03-24 00:00

vue项目环境搭建及一个简单的vue例子

注意，文中的例子适合对vue已经有一定的了解，对vue组件化概

飞翔在蓝天下的蜂鸟·2018-03-22 18:36

基于vue2.0手机端如何写获取百度地图

webpack.base.conf.js的module.exports的方法中粘贴下面externals对象，注意：它是跟entry平级externals:{"BMap":"BMap"},以下是完整的vue

Call_me_small_pure·2018-03-22 14:05

vuex 的简单使用

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。

liuhongyi0104·2018-03-22 11:20

第十节：实现vue组件之间的通信

这一节我们还是来继续介绍组件：组件之间如何通信。第九节我们在介绍组件知识的时候，提到过组件可以接受参数props，这其实就是组件之间的一种通信方式：父组件→子组件传递数据。父组件→子组件那我们还是不厌其烦地再演示一遍：父组件→子组件传递数据。组件实例的作用域都是孤立的，也就是子组件在模板template不能引用父组件的数据，那么，当子组件有需要使用父组件的时候，我们该怎么办呢？这里，我们使用的是组

elroy·2018-03-21 09:45

Vant 1.0 正式发布：轻量、可靠的移动端 Vue 组件库

Vant是有赞前端团队维护的移动端Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant可以快速搭建出风格统一的页面，提升开发效率。

有赞技术·2018-03-21 00:00

Vue组件之--slot内容分发

以前，Vue组件总是一个个的空标签的形式出现的，那么如果说组件标签里面有内容，那么要获取这些内容要怎么办呢？

初心鸿鹄·2018-03-20 18:43

关于vue面试题汇总

vue组件之间的通信？JS中判断数据类型的方法有几种?

静儿编译中·2018-03-20 09:58

Vant 1.0 发布：轻量、可靠的移动端 Vue 组件库

Vant是有赞前端团队维护的移动端Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant可以快速搭建出风格统一的页面，提升开发效率。

chenjiahan·2018-03-20 00:00

vue-render函数

vue提供了render函数大大的提高了JavaScript的编程能力，虽然在日常的使用中是比较少见的但是理解render函数对应加深对Vue组件的使用都是很有帮助的。

O8·2018-03-18 17:11

为什么vue中data必须是一个函数

title首次发表在个人博客本篇文章从javascript原型链来解释为什么vue中data必须是一个函数vue组件中的data必须是函数类比引用数据类型Object是引用数据类型,如果不用function

IOneStar·2018-03-18 15:45

vue-cli+axios解决跨域问题

方式声明使用，看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用importaxiosfrom‘axios’;Vue.prototype.axios=axios;那么在其他vue

Derllk·2018-03-17 22:29

解决使用vue.js路由后失效的问题

demo上加上了简单的路由例子(来自vue-router2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找到原因是因为同一个id被启动了两次(第一次是之前使用vue

Eve慕·2018-03-17 15:56

对vue里函数的调用顺序介绍

method用来定义方法的,比如你@click=”test”,methods就定义test这个方法created和ready都是vue组件的生命周期created类型：Function详细：在实例创建之后同步调用

鹿目圆·2018-03-17 13:49

Vue组件--非父子组件间的通信

父子组件的通信已经知道了，但是在实际的项目中如果需要拿到兄弟组件上的数据（非父子）那该如何是好呢?其实Vue已经为我们提供了一套解决方案：使用中央事件总线；非父子组件间的通信，使用一个空的Vue实例来作为中央事件总线（就相当于中介一样），用它来抛出和监听事件1.定义一个空的Vue实例varbus=newVue()作为中央事件总线（bus）；2.在发送数据的组件中使用bus.$emit("事件名",

初心鸿鹄·2018-03-16 18:04

axios post提交formdata的实例

wopelo·2018-03-16 11:52

在vue组件中使用axios的方法

现在我们通过webpack+vue-cli搭建起了一个vue项目的框架，如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢？

wopelo·2018-03-16 10:26

vue iView 上传组件之手动上传功能

主要服务于PC界面的中后台业务，是一套高质量的开源UI组件库，先上地址：https://github.com/iview/iview官网是：https://www.iviewui.com/特性使用单文件的Vue

BaiLin·2018-03-16 08:40

vuex学习之路

把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：有几个页面要显示用户名称和用户等级，或者显示用户的地理位置。

梦想代码·2018-03-15 10:05

基于 vue 的 picker 组件 vue-awesome-picker

2019-08-28弃坑一年多，但仍有不少同学在使用，还是决定把坑填了，填坑中----分割线----⚠️DEPRECATED本组件停止维护⚠️Vue组件库请移步Vant⚠️小程序组件库请移步VantWeapp

Fyerl·2018-03-13 00:00

Vue组件--父子组件以及组件间的互相通信

父子组件在一个组件内定义另一个组件，称之为父子组件。但是要注意的是：1.子组件只能在父组件内部使用（写在父组件tempalte中）;2.默认情况下，子组件无法访问父组件上的数据,每个组件实例的作用域是独立的；例如：JS部分varcompo1=newVue({el:"#container1",data:{goods:"洗衣液",car:"Benzi"},components:{"your-compo

初心鸿鹄·2018-03-10 17:26

Vue组件--动态组件

所谓的动态组件，就是利用Vue内置组件,来实现在同一个挂载点，多个组件的切换；在这里所谓的"同一个挂载点"就指的是组件本身，is的值时某一自定义组件的组件id例如：JS部分：varapp=newVue({el:"#container",data:{name:"Tom",flags:'my-world'//初始化时，指向组件id为my-world的组件},methods:{//切换组件showMyW

初心鸿鹄·2018-03-08 18:36

vue面试题总汇