![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
文章平均质量分 56
一个佛系的小白
一个比较佛系的程序员
展开
-
Vue路由守卫
1.路由守卫 先说我的理解,路由守卫类似一个安保系统,要向进入园区,必须经过安保的同意,同意了就放行,继续操作,那么路由守卫也是一样的 包含 全局守卫 独享守卫 组件内守卫 1.1 全局守卫 应用于整个页面,处理对应的事件,分为前置守卫和后置守卫 to:进入到哪个路由去 from:从哪个路由离开 next:路由的控制参数,常用的有next(true)和next(false) <!--1.定义组件--> let comA ={ data(){},原创 2021-08-29 23:36:37 · 131 阅读 · 0 评论 -
Vue路由守卫与axios拦截器的对比
1 分类 路由守卫:全局路由守卫,路由独享守卫,路由组件内守卫 拦截器:请求拦截器(request),响应拦截器(response) 2 作用 路由守卫作用: 先说我的理解,路由守卫类似一个安保系统,要向进入园区,必须经过安保的同意,同意了就放行,继续操作,那么路由守卫也是一样的 拦截器的作用: 我的理解是拦截请求和响应,比如在登录一个页面的时候,当用户不输入密码或者输入错误,或者想要跳过这步操作,就会进行拦截,让你进行一个登录的操作,当然重定向也可以实现 共同点:都是对操作进行防护,都类似原创 2021-08-29 23:33:54 · 1498 阅读 · 1 评论 -
Vue插槽,组件,可复用技术
1. 插槽 1.1 分类 插槽分为:普通插槽,具名插槽,作用域插槽 1.1.1 普通插槽 插槽允许我们在调用子组件的时候为子组件传递模板 插槽可以放任何东西,默认不指定位置是放在main里 <slot></slot> <template v-slot="default"> 默认插槽 </template> 1.1.2 具名插槽 为了不混淆,默认插槽,内容是放入main里,为了实现我们想要的效果,这里就有了具名插槽,说白了就是具有名原创 2021-08-27 16:36:08 · 363 阅读 · 0 评论 -
Vue组件的认识
Vue 1.Vue组件: 1.1 定义 Vue组件是Vue实例,可以多次调用,可以扩展HTML元素,组件是可以复用的,与new Vue接收相同的选项,等生命周期函数钩子。如何去定义呢: let component = { //里面放的是一个函数,和ES语法不同 data(){ return{ //返回值对象的唯一拷贝,为了保证组件内部数据不会相互影响 msg:'数据' } }, template:`原创 2021-08-23 19:45:19 · 638 阅读 · 0 评论 -
关于Vue3(Vue-cli3)打包以及打包之后显示空白和图片不显示的问题
今天进行打包之后遇到一个问题就是,打包上传到服务器里面,图片不显示,之后查了一下,最新的vue3里是这么进行配置的 打包: Vue项目创建好之后,右键在新终端中打开,注意一定要在项目的根目录里,输入npm run build 进行打包,等打包好之后,类似这样 左侧项目目录会出现一个dist文件夹,这就是你打包好之后的文件夹 当然你可以修改它的名称上传到服务器里进行访问,这就是打包 关于上传到服务器里显示空白和图片不显示怎么去做 网上大多都是有关于vue2及以下版本的配置,在build文.原创 2021-08-08 22:57:31 · 3721 阅读 · 0 评论