草庐IT

Vue-Instant

全部标签

vue插槽之插槽的用法及作用域插槽详解

目录前言一,插槽的基本使用1.1引出插槽1.2插槽的基本使用1.3默认插槽1.4插槽样式二,具名插槽2.1引出具名插槽2.2具名插槽的使用三,template标签3.1引出template标签3.2template标签的使用四,作用域插槽4.1引出作用域插槽4.2作用域插槽后记前言插槽是vue中一个很有用的工具。本篇文章将讲解vue插槽的基本用法,并详细讲解作用域插槽。希望能对读者有所帮助!一,插槽的基本使用1.1引出插槽我们对组件进行复用的时候,虽可以通过父子传值改变组件的数据,但页面的结构还是取决于组件本身。那么,如何不改变组件本身的结构,且能够在组件本身结构的基础上再添加想加的内容呢?使

android - React native 和 Android Instant Apps 将如何合作?有什么想法吗?

Google最近发布了android即时应用程序。这基本上是代码拆分。这是否适用于Reactnative应用程序,因为native构建将生成主js包。有什么想法可以充分利用这两种技术,尤其是混合ReactNativeAndroid应用程序? 最佳答案 Android5.0及更高版本现在支持NDK!但是,如果某处潜伏着不兼容性,请务必让他们知道。Reference您还可以检查facebook/react-native 关于android-Reactnative和AndroidInstant

【Vue.js】Vue3全局配置Axios并解决跨域请求问题

系列文章目录文章目录系列文章目录背景一、部署Axios1.npm安装axios2.创建request.js,创建axios实例3.在main.js中全局注册axios4.在页面中使用axios二、后端解决跨域请求问题方法一解决单Contoller跨域访问方法二全局解决跨域问题背景对于前后端分离项目,前端和后端端口不能重复,否则会导致前端或者后端服务起不来。例如前端访问地址为:http://localhost:8080/,后端访问地址为http://localhost:8081/。后端写好Controller,当用Axios访问该接口时,将会报错:AccesstoXMLHttpRequestat

【vue实战项目】通用管理系统:api封装、404页

前言本文为博主的vue实战小项目系列中的第三篇,很适合后端或者才入门的小伙伴看,一个前端项目从0到1的保姆级教学。前面的内容:【vue实战项目】通用管理系统:登录页-CSDN博客【vue实战项目】通用管理系统:封装token操作和网络请求-CSDN博客目录1.api封装2.404页面3.探讨1.api封装由于一个项目里api是很多的,随处都在调,如果按照之前的写法,在每个组件中去调api,一旦api有改动,遍地都要去改,所以api应该也要封装一下,将api的调用封装在函数中,将函数集中在一起便于管理。在src下面建一个api目录,用来放api,在api目录里建一个api.js,在其中封装各个a

Vue3 中生命周期的使用

目录前言:一、什么是生命周期函数二、什么是Keep-Alive组件三、生命周期函数分为几种,分别有什么用?1.beforeCreate2.created3.beforeMount/onBeforeMount4.mounted/onMounted5.beforeUpdate/onBeforeUpdate6.updated/onUpdated7.beforeUnmount/onBeforeUnmount8.unmounted/onUnmounted四、在代码中如何使用生命周期函数?1.选项式2.组合式总结:前言:Vue2和Vue3中的生命周期钩子的工作方式非常相似,我们仍然可以访问相同的钩子,也希

vue项目,uniapp项目本地调试开启https,加载本地证书

文章目录前言一、通过mkcert创建本地证书并加载1.安装mkcert2.生成证书3.加载证书二、在vue或uniapp中使用刚刚的证书1.vue22.vue33.uniapp总结前言废话不多说,前端开发调用摄像头,获取地址位置时需要https的问题,在本地运行时可以参考这篇文章操作我这里用的mkcert如果你使用的vite,那么可以直接使用vitejs/plugin-basic-ssl一、通过mkcert创建本地证书并加载1.安装mkcertnpminstall-gmkcert2.生成证书mkcertcreate-camkcertcreate-cert这时,你应该能看到生成了四个文件ca.c

微信公众号扫码实现网站登录-Django+Vue版本-超详细保姆级教程

实现网页端微信扫码登录有三种方式:PlanA:微信开放平台—需认证—300元PlanB:微信公众号—需服务号且已认证—300元PlanC:微信小程序—需已上线备案的小程序—0元本教程为Django+vue举例的微信公众号扫码登录,从微信扫码登录从注册公众号到最后实现的全部流程,会附上github链接,只是基本大致思路,后续根据自己情况再做修改,跟着流程一步步来,绝对能实现。细节都会列举。demo实现最终效果本文实现逻辑与流程:使用微信提供的带参临时二维码返回前端,并在前端开启长轮询请求后端登录情况。用户扫码跳转到微信公众号,如果是新用户,则需关注,关注后微信返回公众号新用户登录成功,如果是老用

vue3.0之全局变量app.config.globalProperties的使用

globalProperties类型:[key:string]:any默认:undefined用法添加一个可以在应用的任何组件实例中访问的全局property。组件的property在命名冲突具有优先权。这可以代替Vue2.xVue.prototype扩展://之前(Vue2.x)Vue.prototype.$http=()=>{}//之后(Vue3.x)constapp=Vue.createApp({})app.config.globalProperties.$http=()=>{}当我们想在组件内调用http时需要使用getCurrentInstance()来获取。import{getCu

一个使用uniapp+vue3+ts+pinia+uview-plus开发小程序的基础模板

uniapp+uviewPlus+vue3+ts+pinia+vite开发基础模板使用uniapp+vue3+ts+pinia+vite开发基础模板,拿来即可使用,不要删除yarn.lock文件,否则会启动报错,这个可能和pinia的版本有关,所以不要随意修改。拉取代码gitclonegit@github.com:Sjj1024/uniapp-vue3.git使用yarn安装依赖yarn一定要使用yarm,否则yarn.lock就没用了,那你的启动依然会报错。然后执行相应平台的启动命令即可。执行微信小程序pnpmrundev:mp-weixin然后在微信小程序打开,导入这个编译好的文件夹:di

vue3+axios+router实现页面跳转及登录

本篇文章主要是,使用vite创建一个vue3书籍商城的小型案例,项目中主要运用到路由router及接口axios等知识点。1.开始搭建项目框架,使用vite来构建项目npmcreatevite@latest2.由于vite构建的项目中需要自己手动下载路由以及创建路由文件夹,所以在创建好的项目文档中找到src文件夹,在src文件夹下创建router文件夹,并且在其下创建index文件,对于index文件中要写的内容如下,在此之前还需要创建一个views文件夹,本次项目主要用到三个页面,所以需要在views文件夹下需创建三个文件,包括HomeView.vue、AboutView.vue、UserL