vue组件

vue--为什么data属性必须是一个函数

问题描述：为什么在vue组件中，我们的data属性必须是一个函数,newVue()中的data除外，因为newVue中只有一个data属性。
LeonWuV·2019-02-26 00:00

Vue学习笔记——Vue-router

'//引入VueimportRouterfrom'vue-router'//引入vue-routerimportHellofrom'@/components/Hello'//引入根目录下的Hello.vue
Stephen-James·2019-02-24 17:21

Vue 组件注册实例详解

本文实例讲述了Vue组件注册。分享给大家供大家参考，具体如下：1组件名在注册一个组件的时候，我们始终需要给它一个名字。
deniro_li·2019-02-23 10:29

vue组件之间通信方式实例总结【8种方式】

本文实例总结了vue组件之间通信方式。分享给大家供大家参考，具体如下：对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。
zhoulu001·2019-02-22 11:40

Vue风格之组件特性顺序

Vue组件选项推荐的默认顺序定义组件is循环渲染v-for条件渲染v-ifv-else-ifv-elsev-showv-cloak渲染方式v-prev-once全局感知id唯一的特性refkeyslot
lwj1426282929·2019-02-21 17:26

vue入门8---vue组件创建与使用、项目打包、eslint编码规范检查

一、Vue组件定义：vue组件即一个界面的局部功能模块，它包含实现这个功能模块的所有资源，可能有html/css/js/img等。
奋斗滴猩猩·2019-02-19 19:19

Uni-App - 开发规范及目录结构

为了实现微信小程序、原生App的跨端兼容，综合考虑编译速度、运行性能等因素，uni-app约定了如下开发规范：页面规范-Vue单文件组件(SFC)规范.vue文件是一个自定义的文件类型，用类HTML语法描述一个Vue
Lux_Sun·2019-02-19 11:24

vue组件化项目应用的问题

最近一周都在回顾年前的项目，其中的一个用vue做的项目，发现了很多可以优化的问题组件化的拆分，记得之前刚入职工作的时候，部门老大给我们布置了一个任务，就是拆分页面，当时觉得有什么还拆分的，不就是直接写?来到北京之后，恰巧是公司业务比较急的时候，拿到需求之后，看到页面就直接去写了，因为业务的需要，当时分的组件现在看起来是有很多地方可以优化的数据的管理，js可以将数据逻辑模块化出来，这方面跟随着组件化
CURRY_zhao·2019-02-18 11:36

vue组件使用v-model

v-model在自定义的组将直接绑定父组件中的数据变量，在自定义组件中将需要绑定的值发送给v-model绑定的变量。{{total}}Vue.component('my-component',{template:'+1',data:function(){return{counter:0}},methods:{handleClick:function(){this.counter++;this.$e
lesdom·2019-02-17 21:19

vue 与react技术选形一些对比

模板的区别vue使用模板是初是由angular提出react使用jsx(jsx已经是标准)模板语法上，我更倾向于jsx模板分享上，我更倾向于vue组件化的区别react本身就是组件化，没有组件化就不是reactvue
closefrien_d1c2·2019-02-15 22:23

vue 与react技术选形一些对比

模板的区别vue使用模板是初是由angular提出react使用jsx(jsx已经是标准)模板语法上，我更倾向于jsx模板分享上，我更倾向于vue组件化的区别react本身就是组件化，没有组件化就不是reactvue
closefrien_d1c2·2019-02-15 22:23

vue组件通信之provide / inject

简介provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。就是说祖先组件使用provide提供数据，所有后代都可以通过inject接收数据。provide和inject绑定并不是可响应的，当祖先组件改变provide提供的数据后，后代组件接收到的数据不会发生变化，依然是之前的数据。示例祖先组件export
lesdom·2019-02-15 16:00

Vue组件之间如河通信

学习使用Vue过程中涉及到组件间通信方式的区别，做一个学习记录总结父子组件通信父>子：通过Prop向子组件传递数据使用v-bind来动态传递父元素的props给子元素子>父：通过事件向父级组件发送消息我们可以调用内建的$emit方法并传入事件的名字，来向父级组件触发一个事件，然后使用v-on在组件上监听这个事件，就像监听一个原生DOM事件一样祖孙组件通信祖孙组件之间其实不存在直接通信传递方法，我们
抱着熊喵啃什么·2019-02-14 22:33

使用vuepress搭建静态博客的示例代码

veuPress由vue,vue-router,webpack驱动的单页面应用，每个markdonw文件都使用markdonw-it编译为html文件，然后作为vue组件的模板来处理。
仙女爱吃鱼·2019-02-14 10:01

Vue组件

组件的基本应用组件注册Vue.component('todo-item',{template:'这是一个待办事项'})使用组建基础基本示例Vue.component('botton-counter',{data:function(){return{count:0}}template:'youclickedme{{count}}timesnewVue({el:'#components-demo'})
AruKing·2019-02-13 12:48

vue组件之间数据传递的方法实例分析

本文实例分析了vue组件之间数据传递的方法。
东边的小山·2019-02-12 11:17

通过npm或yarn自动生成vue组件的方法示例

不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue
zer0_li·2019-02-12 11:27

vue组件开发props验证的实现

使用props在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：VueStudyvarfooComponent={props:['fooMessage'],template:'{{fooMessage}}'};varvm=newVue({components:{'foo-component':fooComponent},el:'#app',data:{foo
安慕希·2019-02-12 10:15

通过npm或yarn自动生成vue组件

不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue
zer0_li·2019-02-12 00:00

vue组件通信

一、父子组件通信父组件内引用子组件,并在子组件添加一个属性：//=====父组件========exportdefault{data(){msg:'父组件数据'}}//=======子组件========exportdefault{props:['msg']}//此时可以在子组件中随意使用msg这个数据父组件通过调用子组件内部方法来传递数据,给子组件添加ref属性//=====父组件=======
Ice_jundong·2019-02-11 13:17

深入理解Vue组件二——父子组件间的传值

1.父组件向子组件传值父组件中使用：conut=“1”传递给子组件，子组件中使用props接收count父组件可以随意的向子组件传值，但子组件可以使用但不可以修改父组件传递过来的值，因为：conut=“1”中“：”表示的是单向数据流但我们可以在子组件中重新克隆这个数据2.子组件向父组件传值子组件在方法中向外触发一个inc事件，并携带一个参数，父组件接收子组件的inc事件并触发一个handleInc
Vansal·2019-02-09 15:19

VuePress + GitHub Pages 搭建个人博客

本文提供了一个选择，可基于GitHub的GitHubPages功能和Vuepress框架快速地搭建免费的markdown博客：对于文档编写者来说，能更专注于写文章对于文档开发者来说，一切皆Vue组件，能方便地自定义主题
handsomehou·2019-02-01 19:36

vue 使用自定义指令实现拖拽

在npm和GitHub上找了各种已有的vue组件，不够灵活，效果都不是自己想要的vue自定义指令Vue.directive('dragx',(el,binding,vnode)=>{//默认参数letdefaultOpts
mht1829·2019-01-28 10:37

Vue组件教程之Toast(Vue.extend 方式)详解

一、效果图二、说明这类提示框组件我们通常都会直接在JS代码中进行调用。像下面这样：this.$toast('别点啦，到头啦！')但看到网上大多数还是通过component方式实现的，这样的话我们在使用的时候还要在DOM中放置一个组件元素，然后通过一个变量来控制它的显示隐藏，这样使用起来非常的不方便。那么有什么方法可以不用在DOM中手动放置组件元素就可以直接调用呢？答案就是Vue.extend。通过
similar·2019-01-27 11:27

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

Vuepress特点响应式,也可以自定义主题与hexo类似内置markdown(还增加了一些扩展),并且可以在其使用Vue组件Goog
游魂Andy·2019-01-27 10:01

iView的Message提示框

全局注册iViewimportiViewfrom'iview'Vue.use(iView)使用方式一在vue组件中使用this.
lesdom·2019-01-26 22:57

Vue 组件设计

Vue组件设计Vue作为MVVM框架一员，不管是写业务还是基础服务，都少不了书写组件。本文总结一下书写业务组件的一些心得。为什么要写组件？
dengcang6283·2019-01-24 14:00

Vue组件放送之下拉省市区联动

省市区联动，又是一个常见的组件。一般来说，通过select元素的onchange事件来实现，难度不大。而如今换作vue框架下，该如何实现呢？这正事我们接下来要探讨的，——但先请容我说，甚至比旧方法更简单！——这就是来自数据驱动——MVVM的威力！什么是数据驱动呢？往大的说，可以很大（feihua），且不同场景或上下文之下有微妙差别的解释——而就本文一说，其概念所映射的实物便是JSON。一旦观察到数
sp42a·2019-01-24 10:07

Vue实例 中的常用配置项

创建Vue实例时，使用newVue({//配置项})或者组件定义中exportdefault{//配置项}，所有的Vue组件都是Vue实例，并且接受相同的选项对象（一些根实例特有的选项除外）如：newVue
心晴安夏·2019-01-23 14:00

Vue 组件 【Vue.js】

一：定义Vue组件    什么是组件：组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
蒋小浅·2019-01-22 18:46

在vue项目中引入highcharts图表的方法

npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npminstallhighcharts--save1、components目录下新建一个chart.vue组件
muzidigbig·2019-01-21 10:13

学习Vuex 个人的一些拙见。

这个是对vue的状态的管理，这样说可能有点大，其实就是vue里面data的管理，或者说是多个vue组件共有的data的一种管理，在任何一个组件里面，都可以修改，访问，vuex里面的值。
Yann_123·2019-01-18 17:00

使用form-create动态生成vue组件,支持json格式

[github]|[说明文档]示例letrule=[{type:'row',children:[{type:'i-col',props:{span:12},children:[formCreate.maker.input('商品名称','goods_name','iphone'),formCreate.maker.number('商品加个','goods_price',8688)]},{type:
xaboy·2019-01-18 00:00

Vue组件封装npm发布及应用

www.cnblogs.com/caideyipi/p/7705052.html本文源码下载地址https://github.com/moyemoji/moyeSwitchButton前言如果想要高效地复用先前编写的Vue
moyemoji·2019-01-15 12:07

【Vue】6.解决父组件向子组件传值修改以后再传回父组件的问题

在vue2.0中父组件向子组件传入一个值，这个值在子组件里面被改变以后再传回父组件，这个时候vue组件会报错：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead
Eddina Chen·2019-01-13 14:32

webpack打包性能优化之路

如下图所示（2）在vue文件中，也采用类似方式引入其他vue组件constshowImage=()=>import('@/component
weixin_34122810·2019-01-12 09:43

webpack打包性能优化之路

如下图所示（2）在vue文件中，也采用类似方式引入其他vue组件constshowImage=()=>import('@/component
rocky191·2019-01-12 00:00

详解在Vue中使用TypeScript的一些思考(实践)

Vue.extendorvue-class-component使用TypeScript写Vue组件时，有两种推荐形式：Vue.extend()：使用基础Vue构造器，创建一个“子类”。
易水人去丶明月如霜·2019-01-11 21:42

vue滚动监听插件 vue-waypoint

main.js中：importVuefrom'vue'importVueWaypointfrom'vue-waypoint'//WaypointpluginVue.use(VueWaypoint)在demo.vue
bamboozjy·2019-01-11 16:14

vue组件封装及父子组件传值,事件处理

vue开发中,把有统一功能的部分提取出来,作为一个独立的组件,在需要使用的时候引入,可以有效减少代码冗余.难点在于如果封装,使用,如何传参,派发事件等,我会采取倒叙的方式进行说明.(本文总结于Vue2实战解密一书)代码如下:封装组件BookList.vue{{heading}}更多...{{book.title}}{{book.authors|join}}exportdefault{props:[
orange·2019-01-11 00:00

在 Vue 中使用 TypeScript 的一些思考（实践）

Vue.extendorvue-class-component使用TypeScript写Vue组件时，有两种推荐形式：Vue.extend()：使用基础Vue构造器，创建一个“子类”。
三毛丶·2019-01-08 13:47

如何在React中嵌入Vue组件？

日常在开发中总是会遇到各种奇怪的需求，最近在开发一个多人合作的项目时变遇到一个奇怪的需求，对方之前开发了一个react组件，要求在这期迭代中嵌入到vue项目中。Vue中引用React组件：1.安装依赖npmi-Svueranpminstall--savereactreact-dom2.编辑main.js:import{VuePlugin}from'vuera'Vue.use(VuePlugin)3
肖恩的球·2019-01-08 11:07

vue组件通信传值操作示例

本文实例讲述了vue组件通信传值操作。
anne_zhou·2019-01-08 10:43

vue封装一个简单的div框选时间的组件的方法

前言新年第一篇文章，记录一下我前段时间封装的一个vue组件吧。技术需要积累，有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react两种方式的组件封装。
haorooms·2019-01-06 17:26

vue.js引入外部CSS样式和外部JS文件的方法

一.引入外部CSS样式文件1.在app.vue中下直接引入对应的路径使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到里面，而是发起新的请求获得样式资源
honey缘木鱼·2019-01-06 11:06

vue.js引入外部CSS样式和外部JS文件的方法

一.引入外部CSS样式文件1.在app.vue中下直接引入对应的路径使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到里面，而是发起新的请求获得样式资源
honey缘木鱼·2019-01-05 19:01

利用Vue-cli快速原型开发一个Vue插件

直接开始，代码详情不细说，以从VUE组件=>插件=>提交到npm为主1、安装工具按照Vue-cli官方给的步骤安装主要用到的东西。
Moryan·2019-01-05 13:02

vue组件样式添加scoped属性之后，无法被父组件修改。或者无法在本组件修改element UI样式 ,vue项目使用组件后 scoped样式覆盖不了组件内部样式解决，/deep/和 >>>

在vue开发中，需要使用scoped属性避免样式的全局干扰，但是这样在父组件中是无法被修改的，不仅如此如果项目中用了UI框架比如elementUi,这个时候在本组件也无法修改样式，因为权重问题。但是想要修改还是有方法的：1.在不去掉scoped的情况下，在全局样式中覆盖，这种解法，有弊端，可能会污染全局样式。2.使用深度作用选择器，可以通过vue-loader提供的新写法vue-loader写法如
csl125·2019-01-04 20:27

vue组件tabbar使用方法详解

在做项目时，实现tab页时有tabbar，其他页面没有，则可以如下操作：在App.vue中importTabbarfrom'@/pages/common/tabbar.vue'exportdefault{name:'App',components:{Tabbar},//监听,当路由发生变化的时候执行watch:{$route(to,from){//判断是否显示tabbarif(to.path=='
江南之城·2019-01-04 14:02

vue组件tabbar使用方法详解

在做项目时，实现tab页时有tabbar，其他页面没有，则可以如下操作：在App.vue中importTabbarfrom'@/pages/common/tabbar.vue'exportdefault{name:'App',components:{Tabbar},//监听,当路由发生变化的时候执行watch:{$route(to,from){//判断是否显示tabbarif(to.path=='
江南之城·2019-01-04 14:02
上一页 146 147 148 149 150 151 152 153 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他