前言: 上面知识点的学习,让我们知道了, 数据在组件间的传递, 父组件通过props属性将数据传递给子组件, 子组件通过自定义事件将数据传递给父组件 那么问题来了,两个组件不...
IP属地：江苏
-
第二十二节:Vue组件传参:Vue非父子组件间的传参
-
第二十一节:Vue组件:父组件使用子组件时的修饰符和双向数据绑定
1. 原生事件修饰符.native 1.1. 关于组件标签上的事件 在组件标签上是没办法触发原生的js事件的,vue会将其作为自定义事件处理 示例代码如下: 此时子组件上绑...
-
第二十节:Vue组件传参:Vue子组件向父组件传参(事件传参)1. 自定义事件 除了可以处理原生的DOM事件, v-on指令也可以处理组件内部触发的自定义的事件,调用this.$emit()函数就可以触发一个自定义事件 $emit()触...
-
第十九节:Vue组件传参:Vue父组件向子组件传参(props传参)1. 组件嵌套 1.1 组件的嵌套使用 之前有说过,Vue组件跟Vue实例是一样的,因此在Vue中一个组件中也可以定义并使用自己的局部组件,这就是组件的嵌套使用 例如:示例代...
-
第三十六节:Vue路由:Vue-router路由传参
前沿: vue-router的路由跳转时传递参数有两种方式,: 一种是路由参数, 通过定义动态路由传递参数 另一种是通过query来传递参数, 在者,我们已经学习过的,路由的...
-
第三十五节:Vue路由:Vue-router路由嵌套使用
前沿: 嵌套路由，主要是由我们的页面结构所决定的。当我们进入到home页面的时候,如果下面还有分类,当我们点击这些分类的时候,他还是需要路由到各个部分的. 简而言之:...
-
第三十四节:Vue路由:Vue-router动态路由
前沿: 上面我们定义的路由，都是严格匹配的: 只有router-link 中的to属性和 js 中一条路由route中 path 一模一样， 才能显示相应的组件compone...
-
第三十三节:Vue路由:Vue-router路由跳转方式前沿: 上一小节,在讲路由安装与基本使用的时候,已经提及和使用过的,通过内置的组件进行路由的跳转 出了这种跳转路由的方式外还有其他的跳转方式吗? 1. 通过标签进行路由跳转 ...
-
第三十二节:Vue路由: Vue-router基本配置与使用Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌. 1. Vue路由的安装和配置 1.1 安装vue...