vue组件

vue组件挂载及传值（父子组件及兄弟组件）

一、挂载及卸载.vue文件1.引入组件importbyLifefrom'../common/bylife.vue';//同级目录用./，不同级目录用../2.挂载引入的头部组件components:{'v-life':byLife},3.在模板中使用(v-if判断是否挂载及卸载)挂载以及卸载life组件flag:true,二、组件之间的传值1.父组件向子组件传值：1.父组件调用子组件的时候绑定动态
biyu6·2020-06-27 23:03

vue组件重新加载（刷新）

vue组件重新加载（刷新）第一种方法：利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法exportdefault{data(){return{isRouterAlive:
weixin_30568591·2020-06-27 21:40

vue.js 组件-全局组件和局部组件

首先Vue组件的使用有3个步骤，创建组件构造器，注册组件，使用组件3个方面。
weixin_30563917·2020-06-27 21:45

vue防止按钮在短时间内被多次点击的方法

vue组件(function(){letopenDelay=false;Vue.directive('intervalclick',function(el,binding){el.onclick=function
weixin_30542079·2020-06-27 21:01

vue组件修改样式不起作用

需要在全局样式文件去定义，在组件里无法修改样式在全局定义样式文件在main.js中引入import'@/styles/index.scss'//globalcss//toresetelement-uidefaultcss.el-upload{input[type="file"]{display:none!important;}}.sui-upload{.show-delete{.el-upload
weixin_30505225·2020-06-27 20:31

vueX基础知识点笔记

需要声明的是，这里所说的状态指的是vue组件中data里面的属性。
junlebao·2020-06-27 20:00

[译] Vue 最黑暗的一天

两周前，Vue的创建者尤雨溪发布了一个请求意见稿（RFC），用于在即将发布的Vue3.0中使用基于函数的方式编写Vue组件。
weixin_30454481·2020-06-27 20:57

Vue 路由切换时页面内容刷新页面并更新数据

app.vue//使用Vue组件切换过程钩子activated(keep-alive组件激活时调用)，而不是挂载钩子mountede
weixin_30359021·2020-06-27 18:23

Vue-render函数

render函数vue组件定义方法原始方法标题在此varapp=newVue({el:'#app',data:{level:1},components:{'sth':{props:['level'],template
巷中人·2020-06-27 18:02

Vue组件的复用 / key

用key管理可复用的元素例1用户名:密码:点击切换类型newVue({el:"#app",data:{ok:'username'},methods:{toggle:function(){if(this.ok==='username'){this.ok='psd'}else{this.ok='username';}}}})例2KEY:VALUE:添加{{item.id}}---{{item.name
巷中人·2020-06-27 18:02

模仿element-ui封装vue组件库（一）

实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。涉及知识点vue基础语法组件基本语法字键通讯（sync，provide，inject）插槽使用prop校验过渡与动画处理计算属性与监听属性v-model语法糖vue插件机制npm发布实例目的掌握组件封装的语法和技巧学会造轮子，了解组件库实现原理搭建和积累自己的组件库学习前提有一定vue基
耳鼻喉科魏主任·2020-06-27 15:59

vue + vue-count-to 自动判断计数或倒数

';exportdefault{components:{countTo},data(){return{startVal:0,endVal:2017}}}vue-count-to是一个无依赖性、轻量级的vue
wax9092·2020-06-27 14:26

关于vue组件中使用this.$router.push不奏效的可能原因之一

自己在写一个模仿登录注册页面的时候，我在组件中如下this.$axios({method:'post',url:url,data:{name:this.name,password:this.password},header:{'Content-Type':'x-www-form-urlencoded'}}).then(function(res){//console.log(res)if(res.d
wangnima666·2020-06-27 13:36

Vue组件的三种调用方式

最近在写fj-service-system的时候，遇到了一些问题。那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element-ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。于是就可以考虑自己手动实现这些简单的组件了。通常我们看Vue的一些文章的时候，我们能看到的通常是讲Vue单文件组件化开发页面的。单一组件开发的文章
前端库·2020-06-27 11:19

Vue.js(四) 组件(component)

一：Vue组件简介传统前端中一个网页应用是由很多.html文件组成，每个html文件又分为三部分，第一部分就是用于展示视图，第二部分是用于和用户交互，第三部分是用于控制视图的样式。
vbirdbest·2020-06-27 11:35

商品列表

绘制商品列表结构新建GoodsList.vue组件制作商品列表商品列表的布局商品的图片，名称，价格，以及库存小米（mi）小米Note16G双网通版￥2199￥2399热卖中剩余60件设置商品列表的样式使用
卐空羽流雲卍·2020-06-27 11:51

vue2.0组件之间通信的几种方式（有示例）

展开陈述之前，我先说明一下：vue组件之间的通信在我这里指的是一个组件可以触发另一个组件的数据改变，只要可以实现这种效果，我都会视为一种通信方式。基于以上的说明的，我总结一下我所了解的几种通信方式。
前端李大人·2020-06-27 10:49

iView表格工具使用reader

iView表格优势Vue组件或UI里表格工具很多，主要分为2种一种只是将表格工具美化，表格视觉上也很清楚，如Elemnet的表格另一种是将数据传入，表格格式化完全靠参数。
吴孝青·2020-06-27 09:22

关于vue第三方组件样式无法覆盖问题的最佳解决方案

本人项目使用有赞vantvue组件，在一些特殊业务第三方组件无法满足需求时就需要自己新加样式覆盖第三方组件的样式来实现但在实际操作中有些组件能直接在scope作用域的样式里直接覆盖大部分都不能覆盖网上的解决方案是重新写一个把覆盖样式写在这里虽然能实现覆盖但是这会影响其他组件的样式解决方案如下
会飞的老王·2020-06-27 08:19

vue+elementUi做的图片上传组件

加上后台要求要传递小于2M的图片，因此封装了一个upload.vue组件作为上传页面的子组件，它用于管理图片上传逻辑。
情破·2020-06-27 08:59

Vue2入门小结

加载后用Vue.use扩展这两个组件后然后就能在vue组件里全局使用了，不过有个坑就是用npm下载后的vue
shofe的菜鸟人生·2020-06-27 06:56

Vue组件之入门：全局组件三种定义

不论我们使用哪种方式创建出来的组件，组件中的template属性指向的模板内容中，必须有且只有一个根元素，其他元素必须在这个根元素下面。1.使用Vue.extend配合Vue.component定义全局组件在使用Vue.extend配合Vue.component定义全局组件时，Vue.extend里面定义template模板，而Vue.component里面是要注册一个组件。//第一步：使用Vue
mykefei·2020-06-27 05:11

vue组件之间的通信

组件通讯父传子通过在标签绑定数据props：['mag']子传递父//子：定义一个自定义事件this.$emit(‘created’,val)//caeated自定义事件的名字val你要携带的数据//父：接收使用自定义事件methods:{changeVal(val){//然后data里面定义this.value=val;}}总结父组件向子组件传递数据是通过props子组件向父组件传递数据是通过事
人言可畏_0292·2020-06-27 05:01

vue组件

组件的作用：将一些共用的结构封装为单独的模块，这种模块就可以认为是组件。组件的分类：全局组件：在vm实例创建的局部组件：单文件组件中创建创建全局组件：Vue.component(组件名称，{})组件是可复用的Vue实例，所以和newVue接收相同的选项，例如：data，computed，watch，methods以及生命周期钩子等。这是我的第一个组件：{{myname}}点我啊//创建第一个全局组
伪成年_young·2020-06-27 04:25

Vue.use使用方法

主要说明Vue原型上添加自定义的方法和变量同时也可以类似引入Ui组件库一样引入自己的插件或库（类似elementUi、axios等）涉及prototype、install，use等关键词a.vue组件{
林先生_2018·2020-06-27 02:17

vue 组件制作并发布npm

一、书写一个vue组件不用脚手架，我们自己从头开始做起，因为脚手架会附带很多没用的东西。就做一个最简单的vue组件：就是传入用户名字，页面打印出‘hello,用户名’的组件。
白云随风飘·2020-06-27 01:37

vue技巧

vue组件销毁时取消监听事件exportdefault{mounted(){this.charts=echarts.init(this.$el)//请求数据赋值一系列操作。。。
yang·2020-06-27 01:48

vue篇之事件总线（EventBus）

通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间
148293676·2020-06-27 00:43

Vue组件、插件介绍

安装完插件：cdmyfirstcnpminstallcnpmrundev插件集合:https://blog.csdn.net/weixin_30835649/article/details/98341076vue常用的ui插件有:饿了么出的elementui、有赞出的vant、weex阿里出的跨平台,配合vue使用,weexui是weex的第三方框架.*****Vue移动组件库：Vant官网：ht
liyubao160·2020-06-27 00:19

vue中 svg图标的使用

项目地址:https://github.com/cenkai88/v...求star～～个人的第一个vue组件，希望大家多多支持啦～基于vue-awesome扩展而来其实想到写这个的原因主要是在开发中常常需要用到图标
zhenzhen7·2020-06-26 22:49

vue中怎么获取当前客户端的IP地址

returnCitySN['cname']localStorage.setItem('Ip',Ip)localStorage.setItem('cityname',cityname)步骤二：在要使用的vue
岁月抹平了我的小脾气·2020-06-26 22:06

Vue前端项目-首页-面包屑-显示当前路径

引入面包屑组件2、导航菜单点击2.1、新增用户管理和角色管理页面2.2、测试实现效果：1、面包屑组件1.1、对breadcrumb组件二次封装新建src/components/Breadcrumb/index.vue
踏 浪·2020-06-26 22:40

Vue.js 自定义指令，实现可以拖动的悬浮框

顾名思义，全局注册即在项目下所有Vue组件中都可使用，局部注册则只能在当前Vue组件中使用。自定义组件注册需要两个参数：
木马啊·2020-06-26 22:59

Vue 路由切换时页面内容没有重新加载

解决办法：使用Vue组件切换过程钩子activated(keep-alive组件激活时调用)，而不是挂载钩
木马啊·2020-06-26 22:59

Vue树形结构操作

Vue组件可以通过name选项的设置来递归的调用自己，因此渲染起来很方便。本文简单实现了一下树结构的基本增删改等操作，后续还会继续对树结构渲染(比如拖拽操作、大数据量渲染效率等)进行探索。
木马啊·2020-06-26 22:27

（八）vue开发 - 将方法绑定到window对象，给app端调用

（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，并没有绑定window对象下面，这样一来，vue
、不知不觉、·2020-06-26 22:59

iview的table组件中渲染自定义vue组件

自定义了一个条形展示百分比的vue组件scalebar。
southArbor·2020-06-26 22:05

vue组件之间通信的方式

1.props/$emit最常见的方式，父组件通过props的方式向子组件传递数据，子组件通过$emit提交事件向父组件通信。2.$children/$parent通过$parent和$children就可以访问组件的实例，其中$children是数组，$parent是对象3.ref/$refsthis.$refs.xxx可以获取组件实例4.eventBus通过中央事件总线的方式，一个组件$emi
明月松江·2020-06-26 21:30

vue中当传入一个组件的数据类型为对象或数组时，当不传入该值的报错问题

这是我自定义的TableColumn.vue组件代码：exportdefault{name:'TableColumn',props:{type:{type:String,default:'input'}
朝海夕阳·2020-06-26 20:27

Vue组件化开发

Vuejs组件化开发Vuejs对象简写Documentletname='李思';letage=18;//letperson={//name:name,//age:age,//showname:function(){//alert(this.name);//},//showage:function(){//alert(this.age);//}//}//person.showname();//per
troysps·2020-06-26 20:25

关于vue组件化的理解

组件化是Vue的精髓，Vue应用就是由一个个组件构成的。1.定义组件是可复用的Vue实例，准确讲它们是VueComponent的实例，继承自Vue。2.优点可以增加代码的复用性、可维护性和可测试性。提高开发效率，方便重复使用，简化调试步骤，提升整个项目的可维护性，便于协同开发，是高内聚、低耦合代码的实践。3.使用场景通用组件：实现最基本的功能，具有通用性和复用性。例如按钮组件、布局组件等业务组件：
trenki·2020-06-26 20:10

CSS如何实现内凹角效果

我也尝试着借助Vue的能力，把这种效果构建成一个Vue组件。我把这种效果定义为外切口。而今天将要聊的是与其刚好相反的一个效果：CSS如何实现内凹角的效果。上图展示的
W3cplus_·2020-06-26 19:23

vue组件引用另一个组件出现组件不显示的问题

下载的一个vue构建的后台管理系统，导航栏是一个侧边栏，想在头部里面加一个导航先是导入要使用的组件importHamburgerfrom'@/components/Hamburger'importNavfrom'@/components/Nav/index.vue'//自己新建的然后在components里面写入该组件components:{Hamburger,Nav//自己定义的}最后在模板ta
夜听雪SAMA·2020-06-26 18:19

Vue封装组件的过程

vue组件的定义●组件(Component)是Vue.js最强大的功能之一●组件可以扩展HTML元素，封装可重用代码●在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能●有些情况下，组件也可以表现用
tangxiujiang·2020-06-26 18:16

vue源码(六)-vue组件化机制

vue源码(六)-vue组件化机制在注册一个组件的时候，我们始终需要给它一个名字。
suwu150·2020-06-26 16:07

Vue进阶（十六）：vue项目结构启动原理详解

app.vue→index.js→components/组件一般项目创建好后会有三个文件：index.html、main.js、app.vue1、index.html：所有vue文件都是单页面形式开发，所有vue
No Silver Bullet·2020-06-26 15:42

Vue组件

整理下这半年用的比较多的Vue.js内容，从开发使用层面上做一个简单的总结和入门，开两个专题：Vue组件和VueRouter。
DayThinking·2020-06-26 14:49

【Vue.js】用vue组件完成官网实时markdown示例

https://cn.vuejs.org/v2/examples/官网这个示例是用普通js方式的引入的vue，直接在html文件上写的，不够vue安装几个包npmilodash-Snpmimarked-S路由exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld},{path:'/liveup
请叫我算术嘉·2020-06-26 14:17

vue 组件缓存清除实践

写在前面关于vue组件缓存的用法很简单，官网教程讲解的很详细，关于vue组件缓存的带来的弊端网上也有很多探坑的文章，最明显的就是缓存下来的组件如果不做处理，激活的时候就会命中缓存，如果你这个时候希望有新的数据获取
一慢呀·2020-06-26 12:28

vue项目实战经验汇总

目录1.vue框架使用注意事项和经验1.1解决Vue动态路由参数变化,页面数据不更新1.2vue组件里定时器销毁问题1.3vue实现按需加载组件的两种方式1.4组件之间，父子组件之间的通信方案1.5vue
胖子依然6·2020-06-26 11:14
上一页 122 123 124 125 126 127 128 129 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他