vue组件

Vue 数据响应式原理

举个简单的例子，对于模板：{{name}}创建一个Vue组件：varvm=newVue({el:'#root',data:{name:'luobo'}})代码执行后，页面上对应位置会显示：luobo。
luobotang·2018-09-05 00:00

vue-router入门（3）—— 导航守卫的使用和流程探究

一般我们会在vue组件的beforeCreate周期中写一个验证登录信息接口，以验证用户信息是否失效。
闲人王昱珩·2018-09-04 16:22

前端爬坑日记之vue内嵌iframe并跨域通信

的页面现在需要在vue中实现，那就是使用iframe查看了很多很多文档，其中这一篇是很有价值的https://gist.github.com/pboji...下面将3天的爬坑最终以问答的方式总结如下：1、Vue
Wind·2018-09-04 00:00

Vue组件中的data必须是一个function的原因浅析

组件可以有自己的data，并且data必须是一个function。在下面这个例子中，data返回了一个在外部定义的对象。并且这个组件在页面中使用了3次，点击+1时出现了如下情况：data中的count属性影响到了所有实例。#app{margin:20px;}{{count}}vardataObj={count:0}//这是一个计数器组件,每当点击按钮,让data中的count值加1Vue.comp
北海之灵·2018-09-03 17:06

vue组件（全局，局部，动态加载组件）

vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。one----全局组件引入写
wenmin1987·2018-09-02 15:12

巧用vue组件实现人员id及名称的转换

Vue组件代码如下：{{n
爱余星痕·2018-09-02 14:04

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

vue 组件和路由

===Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component创建template方式创建组件中的指令以及事件绑定父子组件创建父子组件通信父组件传值给子组件
午夜阳光5021·2018-09-02 14:11

Vue实例生命周期函数

所有的Vue组件都是Vue实例，并且接受相同的选项对象（一些根实例特有的选项除外）实例生命周期钩子每个Vue实例在被创建时都要经过一系列的初始化过程--例如，需要设置数据监听
VVVGG·2018-09-01 17:01

Vue 路由切换时页面内容没有重新加载的解决方法

解决办法：使用Vue组件切换过程钩子activated(keep-alive组件激活时调用)，而不是挂载钩
木马啊·2018-09-01 08:39

Vue组件间常用的通信方式总结

在使用 vue-cli创建的vue项目中进行组件间的通信，以下是三种常用的组件间通信的方式总结。1、父组件向子组件传递数据----------------------------> 通过Prop2、子组件向父组件发送消息---------------------------->使用 $emit3、组件间与组件间通信----------------------------------->使用Vuex
cc_fys·2018-08-31 00:00

vue组件表单数据回显验证及提交的实例代码

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。
codingNoob·2018-08-30 08:59

深入React组件的数据：prop、state

（如果你熟悉Vue，React中的prop就相当于Vue组件的data(){return{}}里的数据，React的state就相当于Vue中的prop）组件不应该改变prop的值，而state存在的目的
Lia代码猪崽·2018-08-28 11:27

vue组件开发之用户无限添加自定义填写表单的方法

效果图：代码如下：自定义字段：添加字段保存提交提交的信息：{{submsg}}exportdefault{name:'checkbox',data(){return{inputs:[],submsg:''}},methods:{addInput(){varobj={};obj.id=this.inputs.length;obj.val="";this.inputs.push(obj);},sub(
codingNoob·2018-08-28 10:54

vue2 自定义全局组件（Loading加载效果）

ccyinghua/custom-global-component一、构建项目vueinitwebpack-simplecustom-global-componentcnpminstallnpmrundev1、自定义vue
ccyinghua·2018-08-27 21:00

vuex入门

如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。
那些年少的伤寂静微凉·2018-08-27 14:13

Vuex 在Vue 组件中获得Vuex 状态state的方法

在Vue组件中获得Vuex状态Vuex的状态存储是相应式的。在Vue组件中获取Vuex状态总共有五种可行的方法。1.从store实例中读取状态最简单的方法就是在计算属性中返回某个状态
E_li_na·2018-08-27 14:24

Vue中注册全局组件的三种方式

1.方式一Vue组件的注册HelloTime//注册全局组件Vue.component('account',{template:"#Mydemo",})newVue({el:"#app",})2.方式二
Kratial·2018-08-25 16:30

浅谈Vue组件及组件的注册方法

相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。
DreamFive·2018-08-24 13:43

Vue源码解读之Component组件注册的实现

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。Vue可以有全局注册和局部注册
花花呀·2018-08-24 11:21

基于vue的webcamjs集成

记一次在vue中使用webcamjs调取pc端摄像头拍照说明本例调用摄像头基于webcamjs第一步：Photo.vue组件Yourcapturedimagewillappearhere...WebcamJSTestPageDemonstratessimple320x240capture
G烨荣·2018-08-22 09:12

vue 组件通信

本文主要解决vue组件之间的通信问题Prop向下传递，事件向上传递Prop（主要用于父组件向子组件下发数据）子组件中显式地用props选项声明它预期的数据：//子组件使用数据首页//props声明exportdefault
cythia_yyy·2018-08-21 17:24

vue transition 结合 animate.css 实现动画过渡

在vue组件中实现一些过渡动画是很常见的，有时候使用一些css库也是很正常的，今天就简单的说一下在vue组件中使用transition与animate.css结合的用法安装animate.csscnpminstallanimate.css–save
maindek·2018-08-20 15:32

Vue组件创建和组件传值

Vue创建组件的方式使用Vue.Extend()和Vue.component全局注册组件首先我们定义一个组件并接收varcom1=Vue.extend({template:"这是通过Vue.extend创建的组件"});然后我们全局注册这个组件Vue.component('mycom1',com1);这样我们就可以在我们的代码中使用我们的mycom1组件了需要注意的是，如果我们注册的组件名称是以驼
镇屌·2018-08-20 07:00

vue.js之组件篇

组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树，如下图所示：使用Vue.extend来创建全局vue组件：varcom1=Vue.extend({tem
滑板小猪·2018-08-19 15:00

Vue组件创建和传值的方法

##创建组件的3种方法#第一种:+Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项+Vue.component()函数利用Vue.extend()返回的构造器创建一个组件的实例,有两个参数.;参数1:组件名字,参数2:组件构造器注意:模板template中只能有一个根节点组建的名字采用驼峰命名的话,使用时,就要加上"-";例如:组件名字index
xjtucc-ly·2018-08-17 14:19

vue组件学习整理

1.局部注册的组件在其子组件中不可用。2.对于props值，在JavaScript中是camelCase的；在html中是kebab-case的；在字符串模板中不受限制。props:{propA:Number,//基础的类型检查(`null`匹配任何类型)propB:[String,Number],//多个可能的类型propC:{type:String,required:true//必填的字符串}
JasonSon__·2018-08-16 16:26

vue组件之间的通信

vue组件间的通信有父--->子、子--->父、非父子之间的通信虽然我们稍微复杂的项目都用vuex来管理了，但是还是想写一篇关于有父--->子、子--->父、非父子之间通信的文章。
杏sunshine·2018-08-16 15:50

vue中引用swiper轮播插件的教程详解

有时候我们需要在vue中使用轮播组件，如果是在vue组件中引入第三方组件的话，最好通过npm安装，从而进行统一安装包管理。申明：本文所使用的是vue.2x版本。
做一个对社会有用的社会青年......·2018-08-16 11:10

vue中引用swiper轮播插件

有时候我们需要在vue中使用轮播组件，如果是在vue组件中引入第三方组件的话，最好通过npm安装，从而进行统一安装包管理。申明：本文所使用的是vue.2x版本。
邹琼俊·2018-08-16 11:00

【VueJs】VueJS----组件基础

组件基础基本示例这里有一个Vue组件的示例：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return
He110_Wr0ld·2018-08-16 09:02

vue组件之间通信（非父子之间通信）

视图如下：单击点击后：下列为实现代码：html:哥哥{{msg}}点击弟弟{{msg}}{{change()}}js://创建一个空的Vue用于存放数据letbus=newVue({});Vue.component("brother",{template:"#brother",data(){return{msg:"我是你哥哥"}},created:{},methods:{gchan(){//将数据
禁花·2018-08-15 15:09

干货！！！数组字符串的去重，反转，排序，解构。

废话不多说，给大家一个完整的vue组件代码。
转行杀猪的程序猿·2018-08-15 10:54

前端菜鸟实习四周项目知识点总结列表

前端菜鸟实习四周项目知识点总结本人前端菜鸟一枚，现在实习了大概不到一个月，有很多东西都是边学边做的，在这里做一个简单的总结：下拉菜单点击菜单外区域菜单收起用async语法拿到js返回数据vue组件相关知识点数据计算后小数点显示问题样式
爬行的卡丘胖猪·2018-08-14 21:33

VUE 爬坑笔记 (3)

VUE组件模块化和组件化区别模块化：从代码角度分析问题，把可复用的代码抽离为单独的模块好处：方便程序员之间模块调用，提高了代码的复用率组件化：从页面UI的角度分析问题好处：方便UI的重用组件创建的三种方式
阿尔方斯·2018-08-13 20:00

jsencrypt 对password进行加密

安装：npminstallencryptjs--save-devvue组件：import{JSEncrypt}from'jsencrypt'方法内使用：letencryptor=newJSEncrypt
E_li_na·2018-08-13 11:17
上一页 150 151 152 153 154 155 156 157 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他