上一页 1 ··· 6 7 8 9 10 11 12 13 14 15 下一页
摘要: 1.在About.vue页面添加子路由链接 注意:这里需要加斜杠 <router-link to="/about/tab1">tab1</router-link> <router-link to="/about/tab2">tab2</router-link> <hr/> 2.添加子级路由占位符 < 阅读全文
posted @ 2021-09-15 00:16 ajaXJson 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 1.组件路由重定向 index.js添加redirect属性,页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向 在子路由中添加redirect属性 re 阅读全文
posted @ 2021-09-15 00:16 ajaXJson 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 一、配置路由 在src下新建router/index.js文件 import Vue from 'vue'import VueRouter from 'vue-router'// 把VueRouter安装为Vue项目的插件Vue.use(VueRouter)// 创建路由的实例对象const rou 阅读全文
posted @ 2021-09-15 00:15 ajaXJson 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 1.main.js 全局配置baseURl请求根路径 将axios挂载在Vue.prototype供每个.vue组件实例直接调用 import axios from 'axios'axios.defaults.baseURL = 'http://www.liulongbin.top:3006'Vue 阅读全文
posted @ 2021-09-13 22:38 ajaXJson 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 一.私有自定义指令 1.私有指令 1.methods中需要添加directives 2.定义名为color的指令 3.bind绑定到dom对象 // 私有自定义属性命名 directives:{ // 定义名为color的指令 指向一个配置对象 color:{ // 当指令第一次被绑定在元素上的时候 阅读全文
posted @ 2021-09-13 21:47 ajaXJson 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 在App.vue中将标签等信息填充到子组件Left中 默认情况下,在使用组建的时候,提供的内部会被填充到名字为default中的具名插槽之中 1.如果要把内容填充到指定的名称插槽中,需要使用v-slot这个指令 2.v-slot后面要跟上插槽的名字 3.v-slot指令不能直接用在元素身上,必须用在 阅读全文
posted @ 2021-09-12 17:44 ajaXJson 阅读(64) 评论(0) 推荐(0) 编辑
摘要: keep-alive的生命周期 1.deactived当组件被缓存时,会自动触发组件的deactived生命周期函数。 2.actived当组件被激活时,会自动触发组件的actived生命周期函数。 当组件第一次被创建的时候,既会执行created创建也会activated被激活 当切换组件时包裹了 阅读全文
posted @ 2021-09-10 15:38 ajaXJson 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 1.ES6 some和forEach对比 some:当找到需要的值时,会停止寻找。 forEach:找到需要的值后,继续向后寻找。 1.some var arr=["xx","jj","xxjj"];arr.some((item,index)=>{if(item "xx"){console.log( 阅读全文
posted @ 2021-09-01 17:57 ajaXJson 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 1.import导入另一个组件 import Res from './views/res.vue' 2.components挂载 components: { Res }, 3.占位符使用 ref给定一个名称 <Res ref="comLeft"></Res> 4.通过 this.$refs.comL 阅读全文
posted @ 2021-09-01 16:54 ajaXJson 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 1.新建一个eventBus.js import Vue from 'vue'export default new Vue() 2.brother1.vue(发送方) import引入bus import bus from './eventBus' 自定义一个emit事件 bus.$emit('sh 阅读全文
posted @ 2021-08-30 18:41 ajaXJson 阅读(30) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 15 下一页