vue组件

Vue单文件组件基础模板小结

基本都是以单文件组件的形式开发组件的，这种方式好处多多：1.代码集中，便于开发、管理和维护2.可复用性高，直接将vue文件拷贝到新项目中我暂时就想到这两点，童鞋们可以在评论里帮我补充；因为有这么多优点，所以决定有必要将vue
kittySlave·2017-08-10 16:53

Vue 组件

什么是Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。
bacbcc94613b·2017-08-06 15:36

分享一个可用于拖动排序的vue组件

最近要做拖拽相关的功能，本来想自己写，忽然想起来之前在轮子工厂有更新过，vue-dragging还是很好用滴。介绍vue-dragging--一款可任意拖动排序的vue插件。支持桌面和移动端，拖拽过渡动画美观。支持vue1和vue2版本。非常实用。安装通过NPM安装$npminstallawe-dnd--save插件应用在main.js中，通过Vue.use导入插件importVueDNDfrom
AshleyLv·2017-08-06 00:00

Vue.js可复用的组件

什么是Vue组件组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。
俊_杰·2017-08-05 20:43

Vue实战之后台管理系统（二）

接着上一篇，接下来要完成的是登陆注册页面，这两个页面在流程上很相近，这里主要以登陆页面来做说明．1.创建相关文件夹及文件并进行配置在src目录下创建一个view文件夹，之后所写的和页面相关的vue组件都放在此目录下
FormulaRoom·2017-08-02 17:15

Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)

数据结构为数组中包含对象--树形结构，用Vue组件的写法实现以下的效果：树形列表，缩进显示层级，第5级数据加底色，数据样式显色，点击展开折叠数据。
yn_zihuatanejo·2017-07-31 15:24

vue组件 $children,$refs，$parent的使用详解

本文介绍了vue组件$children,$refs，$parent的使用，分享给大家，也自己留个笔记如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？
你的一灯·2017-07-31 08:51

Vue组件使用之模板各种常见写法与简单动态组件的使用

1、配合模板:(1)template:'标题2->{{msg}}'(2)单独放到某个地方a)type="x-template"x-template可以随意命名，但是不能没有type标题2->{{msg}}b)标题1{{val}}2、动态组件:定义一个元素，动态更新各种组件例子：varvm=newVue({el:".box",data:{sSign:"ty"},components:{"ty":{t
tobyDing·2017-07-28 11:29

vue中各组件之间传递数据的方法示例

前言本文主要给大家介绍了关于vue组件之间传递数据的相关资料，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：作用域在vue中，组件实例的作用域是孤立的，父组件模板的内容在父组件作用域内编译
北城以南·2017-07-27 09:37

【Vue】详解Vue组件系统

Vue渲染的两大基础方式new一个Vue的实例这个我们一般会使用在挂载根节点这一初始化操作上：newVue({el:'#app'})注册组件并使用通过Vue.component（）去注册一个组件，你就可以全局地使用它了，具体体现在每个被new的Vue实例/注册组件，的template选项属性或者对应的DOM模板中,去直接使用注册组件全局注册例如，放在通过new创建的Vue实例当中：Vue.comp
外婆的彭湖湾·2017-07-22 17:00

最详细的Vuex教程

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。
H5女王·2017-07-19 14:27

- Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 解决方案

{{hello}}addoneminusone在*.vue组件里有这么一段。
Amy鱼·2017-07-18 23:00

深入解析Vue 组件命名那些事

我们模糊地知道，Vue组件的名称最好不要和原生HTML标签相同。为了避免重名，通常会在组件名称前面加上一个前缀，如el-button、el-input、el-date-picker。这
jingsam·2017-07-18 15:33

vue组件内部绑定class还有style样式

首先，先申明，大家肯定在看到我de博客之前，应该已经看了无数篇关于class还有style绑定的博客，但是可能不理想，那是因为那些都是在app。vue中直接使用或则是在映入js的条件下使用，而不是在使用脚手架并且是在子组件中先惯例写写关于vue文档中的代码（以style为例子）这是大家都看过的，但是我直接使用了，当然没报错，也不是因为什么版本问题，观察了一下。我看到了data这个“对象”、觉得很是
mkmin·2017-07-17 23:19

Vue.js中组件中的slot实例详解

Vue组件中的slotslot可以实现在已经定义的组件中添加内容，组件会接收内容并输出，假如有一个组件person，它的里面包含的是个人信息，如下面这样姓名:...年龄:...职业:...在应用的时候，
Dear_Mr·2017-07-17 14:14

详解利用jsx写vue组件的方法示例

前言本文主要给大家介绍的是关于利用jsx写vue组件，下面话不多说，来一起看看详细的介绍吧。
alloyteam·2017-07-17 11:39

Vue Spa切换页面时更改标题的实例代码

在Vue组件化开发过程中，因为是单页面开发，但是有时候需要页面的title根据情况改变，于是上网查了一下，各种说法花(wo)里(kan)胡(bu)哨(dong)，于是想到一个黑科技documet.title
薛伟杰·2017-07-15 16:17

vue和svg（一），用svg画出带坐标系的进度条

在我现在的项目中，因为业务的需要，使用了vue加svg的方式来对前端进行重构，现在项目基本完成了，想趁这个时机把项目做一个总结，当中大致包含，vue及一些vue组件，elementui，svg等，将在后续的博客中相应写出
青蛙赞歌·2017-07-10 18:50

vue一步步实现alert功能

项目地址:web-style项目里有css样式和vue组件。目标是快速构建后台系统。有一定自适应的设计。
二胖手·2017-07-05 15:25

Vue-loader 的巧妙玩法

Vue-loader是一个webpack加载器，它可以把形如：.........的Vue组件转化为Js模块，这其中最最值得关注的是，它生成了renderfunctioncode。
Joker_Ye·2017-07-03 09:23

详解vue组件通信的三种方式

1.第一种方式就是官方推荐的官方推荐方式有时候两个组件也需要通信(非父子关系)。在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。本质是通过派发事件然后监听事件从而更改值，(父子组件通信也可用这个方式，但是不同的一点就是父子组件通信的时候可以不用一个空的Vue实例来做中转，这种方式我这里就不做演示的了，因为我的题目是非父子通信)空的Vue实例busimportVuefrom'vue'co
命理难说·2017-06-30 11:24

Vue中保存用户登录状态

首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。
Sky786905664·2017-06-29 11:41

VUE利用vuex模拟实现新闻点赞功能实例

回顾新闻详细页很早我们的新闻详情页是在news-detail.vue组件里，获取服务器数据，然后把数据保持到组件的data里，既然我们已经用到了vuex，学习了它的state，我们就应该想到把返回的数据交给
学习笔记666·2017-06-28 16:31

Vue组件化通讯的实例代码

1.Vue的组成文件(.vue)分为三部分，分别对应html,js,css2.Vue的生命周期函数beforeCreate()创建数据之前created()创建数据我们在这里的得到我们在data里面创建的数据beforeMount()//Dom渲染完成前mounted()//Dom渲染完成beforeUpdate()//更新视图在beforeUpdate触发时，视图已经更新完成Updated()/
sunny519111·2017-06-23 16:09

vue起步(4)之组件

vue组件：组件主要是扩展了HTML元素，使dom元素更加灵活，慢慢深入会发现组件是vue构建项目所必备的。
Mx勇·2017-06-22 15:39

vue起步(4)之组件

vue组件：组件主要是扩展了HTML元素，使dom元素更加灵活，慢慢深入会发现组件是vue构建项目所必备的。
Mx勇·2017-06-22 15:39

Vue组件通信

使用v-on:eventName监听事件使用$emit(eventName)触发事件HTML代码{{total}}javascript代码Vue.component('button-counter',{template:'{{count}}',data:function(){return{count:0}},methods:{increment:function(){this.count+=1th
Lewis_1993·2017-06-21 14:21

jquery加载单文件vue组件的方法

本文为大家分享了jquery加载单文件vue组件的方法，供大家参考，具体内容如下/**注册组件*/functionregisterComponent(name){dm[name]={};Vue.component
zh33gl·2017-06-20 09:12

一只高扩展性的vue组件库 —— JSMOD

在开发面向用户站点时，UI通常由designer给出，这时需要组件库有丰富的自定义样式能力（同时保留默认提供基础样）基于这点再看大部分的中后台组件库并不能满足需求，为大家介绍一只高扩展性UI组件项目JSMODVUEPC项目相关文档|示例Github一句装b的目标提供高自由度（高扩展性）的组件集合，并统一桌面端、移动端的使用方式，是一个面向用户端的组件库王哲君的自定义之路一、王哲君接了一个农药管理的
weixin_33827731·2017-06-19 09:39

详解Vue组件之间的数据通信实例

最近在用vue做项目，学习了不少东西，但是有时候光顾着做项目却忘记要找个时间来整理一下最近的一些学习新得，因为是新手，所以可能会有错误的地方，欢迎指出和交流呀~~~关于父子组件以及非父子组件之间的数据通信1父子组件之间数据通信一般父组件向子组件传递数据用prop进行传递，注意，子组件不能对prop中的数据进行更改，vue中规定是防止子组件对父组件中的数据进行窜改。而子组件向父组件进行数据传递则可以
Katherine的小世界·2017-06-17 11:33

vue学习大纲4-vue组件详细解读

全局组件多个实例中都能用到的组件，叫全局组件例如下面代码//注册全局组件Vue.component('leilei',{template:'你好，{{msg}}',//在组件中，data是个函数，返回的值才是我们的数据//每个组件都有自己的方法，返回自己的对象；data(){return{msg:'蕾蕾'}}})varapp1=newVue({el:'#app1'});varapp2=newVue
张蕾_·2017-06-16 22:58

vue2+webpack 开发环境配置

/en/下载安装合适的平台2、安装npm第一步：初始化项目新建文件夹E:\app推荐vue项目目录结构：config全局变量dist编译后的项目代码src项目源码apisapi封装componentsVue
zhanglb12·2017-06-14 11:33

详解vue项目优化之按需加载组件-使用webpack require.ensure

[contenthash].js类似下面的路由代码router/index.js路由相关信息,该路由文件引入了多个.vue组件importHellofrom'@/components/Hello'importProvincefrom
苦练内功·2017-06-13 14:39

Vuex状态管理

vue组件通过dispatch方法触发Actions动作，然后Actions通过commit方法来触发Mutations，Mutations通过mutate方法来更改State状态，然后State状态再用
tcwcq·2017-06-08 14:03

Vue中保存用户登录状态实例代码

首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。
HaiJing1995·2017-06-07 11:56

深入理解vue-loader如何使用

.vue格式的文件使用类似HTML的语法描述vue组件。
春去秋来情不归·2017-06-06 10:58

Vue中保存用户登录状态

首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。
HaiJing1995·2017-06-05 15:40

vuex所有核心概念完整解析State Getters Mutations Actions

vuex是解决vue组件和组件间相互通信而存在的，vuex理解起来稍微复杂，但一旦看懂则即为好用：安装：npminstall--savevuex引入importVuexfrom'vuex'importVuefrom'vue'Vue.use
科比net·2017-06-03 22:00

前端手札——vue组件vue-tinymce开发经验分享

唠叨最近公司在开发一个社交管理后台，看一遍线框图后发现需要富文本编辑器我便找会上两年开发的vue-tinymce组件，可惜的是组件支持还是vue1，所以这个组件需要升级支持vue2。然后有朋友问我为何不用现有的？因为看一圈回来发觉比较不靠谱的啊，全部都需要赋予id值（明明可以内部处理的为何要外部传入？），实在看不下去结果还是完善自己写的这个没多少收藏的库吧:)关于vue-tinymcevue-ti
帕奇式·2017-06-01 00:00

基于 Weui.js 的地区选择器 weui-distpicker

Weui-Distpicker是一个V-Distpicker的延伸版本，一个基于Weui.js简单、易用、灵活的Vue组件。
jcc·2017-06-01 00:00

vue成长之路+实战+Vue2+VueRouter2+webpack（二）vue组件入门第一节

推荐我的vue教程：VUE系列教程目录上篇讲解了vue-router路由入门，现在讲讲关于vue组件的内容。
言墨儿·2017-05-25 18:09

vue-cli与webpack结合如何处理静态资源

在*.vue组件里，所有的templates和CSS模块都被vue-html-loader和css-loader解析来查找路径URL。举个例子，在和背景bac
HeliumLau·2017-05-25 14:02

mixins混合

mixins混合混合是一种灵活的分布式复用Vue组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
Dear_Mr·2017-05-23 21:28

vue组件之间通信实录

1、在vue中父组件是通过props传递数据给子组件子组件只接受在子组件中定义过的props的值，Vue.component('child-component',{props:['prop1','prop2'],//定义接收哪些propstemplate:'{{prop1+prop2}}',...}2、父组件调用子组件属性或方法首先在组件的根元素上通过ref给取个名字，例如：然后父组件就可以通过该
巴谢尔托夫斯基·2017-05-23 00:00

Laravel5.4和Vue2.0开发

一、Vue组件href和src属性在vue组件中，不能直接使用HTML的属性baidu，否则会报错，，需要使用Vue的特殊绑定写法v-bind:class,v-bind:src：//参数拼接

报错：评论
Corwien·2017-05-17 00:00

Vue 组件 — V - Textcomplete

V-Distpicker之后，V-Textcomplete又是一个简单、易用、灵活的Vue组件。哈，我又来啦。这次我带来了V-Textcomplete，一个带有文字匹配的Textarea。
jcc·2017-05-15 00:00

vue.js中mint-ui框架的使用方法

我用的是全部组件，也可以按需选择加载相应的组件，不过要使用babel-plugin-componentimportMintfrom'mint-ui';Vue.use(Mint);3.创建一个header.vue
遇酒·2017-05-12 16:20

Vue入门系列（三）Vue实例的生命周期

Vue实例和Vue组件有着同样的生命周期函数。参考官网图：vuelifecycle.png下面介绍Vue生命周期的每个阶段都做了些什么？
娜姐聊前端·2017-05-03 16:01

JS组件系列之MVVM组件构建自己的Vue组件

正文前言：转眼距离上篇JS组件系列――又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vue的发展也是异常迅猛，不过这好像和博主都没什么太大的关系，博主还是老老实实研究自己的技术吧。技术之路还很长，且行且研究吧。一、为什么组件很重要前两天，看到一篇关于汇总vue开源项目的文章，资源非常丰富，
懒得安分·2017-04-28 11:52

vue省市区三联动下拉选择组件的实现

我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用我们今天来实现一个利用vuejs开发的省市区三联动的组件
苦练内功·2017-04-28 08:07
上一页 157 158 159 160 161 162 163 164 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他