vue.js
前端小趴菜
这个作者很懒,什么都没留下…
展开
-
Vue3.x动态路由、命名路由和编程式导航
两种方法 : 1.路由中的动态传参以 : 进行声明,冒号后面跟的是动态参数名(path: 'apple/:mid'),通过{{ $route.params.mid }}进行接收 2.声明属性props:true,选项,以props的形式接收动态路由中的参数2.编程式导航 this.$router.push() --- 通过匹配path路径进行条装 this.$router.go(-1) --- 返回上一级原创 2022-10-16 18:06:29 · 635 阅读 · 1 评论 -
Vue3.X项目的路由配置
使用children属性声明子路由{//子路由重定向]},水果苹果橘子原创 2022-10-16 11:30:47 · 381 阅读 · 0 评论 -
Vue3.x中的Provider Inject
【代码】Vue3.x中的Provider Inject。原创 2022-09-29 20:45:07 · 534 阅读 · 0 评论 -
VUE3.X组件之间的传值
子向父传值的双向绑定:父组件使用v-model,子组件使用update:属性名 2.1、调用子组件的时候定义一个ref2.2、父组件主动获取子组件数据2.3、父组件主动执行子组件方法3.1、子组件主动获取父组件的数据3.3、子组件主动获取父组件的方法 4.0 使用mitt之前先安装mitt模块4.1、新建model/event.js4.2、组件14.3、组件2原创 2022-09-29 20:30:08 · 1081 阅读 · 0 评论 -
Vue2.X简易路由导航守卫
在路由配置文件中配置导航守卫。原创 2022-09-23 20:03:29 · 287 阅读 · 0 评论 -
Vue2.x路由配置,动态路由和编程式路由
在配置好的路由js文件中配置规则。原创 2022-09-23 18:37:11 · 626 阅读 · 0 评论 -
数组的some()、forEach()、every()、reduce()方法的使用
【代码】数组的some()、forEach()、every()、reduce()方法的使用。原创 2022-09-22 16:24:05 · 196 阅读 · 0 评论 -
Vue中slot插槽的用法
【代码】Vue中slot插槽的用法。原创 2022-09-22 16:11:25 · 97 阅读 · 0 评论 -
vue的动态缓存组件
【代码】vue的动态缓存组件。原创 2022-09-22 15:59:51 · 376 阅读 · 0 评论 -
Vue自定义指令方法
在main.js文件中定义。原创 2022-09-22 15:51:23 · 444 阅读 · 0 评论 -
Vue中ref的使用
【代码】Vue中ref的使用。原创 2022-09-21 18:20:58 · 690 阅读 · 0 评论 -
Vue中的父子组件传值
在子组件中使用$emit()方法进行传值。要在子组件中声明props进行接收。二、子组件A(接收父组件的值)三、子组件B(向父组件传值)原创 2022-09-21 17:34:17 · 166 阅读 · 0 评论 -
Vue生命周期函数
【代码】Vue生命周期函数。原创 2022-09-15 11:29:21 · 177 阅读 · 0 评论 -
Vue组件传值-设置默认值
1.default: 设置默认值。3.require:设置必填项。·FirstOVue接收父组件传过来的值。2.type:设定传值类型。·App.vue父组件调用子组件。原创 2022-09-14 19:18:17 · 2947 阅读 · 1 评论