花费 19 ms
Vue 爬坑之路(三)—— 使用 vue-router 跳转页面

使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。 官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html ...

Fri Jan 13 19:04:00 CST 2017 59 362992
vue组件之属性Props

组件的属性和事件 父子组件之间的通信 父子组件之间的通信就是 props down,events up,父组件通过 属性props向下传递数据给子组件,子组件通过 事件events 给父组件发送消息。 比如,子组件需要某个数据,就在内部定义一个prop属性,然后父组件就像给html元素指定特性 ...

Mon May 27 22:41:00 CST 2019 0 36538
Vue 爬坑之路(二)—— 组件之间的数据传递

Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。 一、父组件向子组件传递数据 在 Vue 中 ...

Tue Jan 10 03:06:00 CST 2017 17 98478
vue从入门到进阶:组件Component详解(六)

一.什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有 ...

Tue Jan 23 01:33:00 CST 2018 1 65532
vue组件的生命周期

Vue所有的生命周期钩子自动绑定在this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文,因此this与 ...

Mon Apr 17 22:24:00 CST 2017 1 58555
Vue 爬坑之路(四)—— 与 Vuex 的第一次接触

在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...

Sat Feb 04 23:11:00 CST 2017 28 55440
vue中子组件跟父组件通信this.$emit()的使用

今天开发前端页面时遇到了一个问题,子组件中实现表单提交后需要隐藏表单这个页面并跳转,表单的父级是在父组件上的,跳转好解决,直接this.$router.replace('/url')就完事了。那么怎么触发父级上面的事件呢?后面查了下资料,发现emit这个好东西,下面是一些代码段 ...

Fri Mar 27 02:04:00 CST 2020 1 22425
bootstrap Table API和一些简单使用方法

官网: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 后端分页问题:后端返回”rows”、“”total,这样才能重新赋 ...

Wed Jul 26 21:30:00 CST 2017 0 40543
封装Vue Element的dialog弹窗组件

我本没有想着说要封装一个弹窗组件,但有同行的朋友在问我,而且弹窗组件也确实在项目开发中用的比较多。思前想后,又本着样式统一且修改起来方便的原则,还是再为大家分享一个我所封装的弹窗组件吧。 其实,并不是所有封装组件的方式都是一成不变的,你可以采用函数式组件这种能提高性能的方式,也可以使用带有状态 ...

Tue Sep 01 22:40:00 CST 2020 3 12134

 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM