草庐IT

nodejs_vue

全部标签

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

前端(vue)js在线预览PDF、Word、Excel、ppt等office文件

js解決window.open("https://view.xdocin.com/view?src="+encodeURIComponent(url)+'&toolbar=false');可选参数&pdf=true,word文档尝试以pdf方式显示,默认false&watermark=水印文本,显示文本水印;“img:”+图片url表示图片水印,如:img:https://view.xdocin.com/demo/wm.png&saveable=true,是否允许保存源文件,默认false&printable=false,是否允许打印,默认true©able=false,是否允许选择复制内容,

vue项目正确引入iconfont详细操作

最近写项目卡在iconfont的引入上面,实在太粗心了呜呜呜,浪费了好多时间,以此片记录一下!1、选择想要的图标加入购物车,官网地址2、点击右上角购物车图标。点击下载代码,并添加至项目。注意:下载代码要记住指定位置。添加项目可以添加到以前的项目,没有项目就创建项目。3、将下载好的代码文件放入项目中的assets目录的styles下iconfont.css直接放在styles下在styles目录下新建目录iconfont,将iconfont.ttf、iconfont.woff、iconfont.woff2放在里面一共是复制了四个文件4、到iconfont.css文件中修改路径(我就是忽略了这一步

Vue2路由:手动配置使用路由&路由嵌套、路由动态传参(:参数,query、props)、编程式导航(back、go)、导航守卫

过了一遍vue2的router,整理一下小结目录一、前端路由的概念与原理1.1什么是路由1.2路由的工作方式二、vue-router的基本使用2.1安装、配置、使用router2.2redirect重定向三、嵌套路由3.1声明子路由的规则3.2默认子路由四、动态路由4.1动态路由的概念4.2动态路由取参方式一(:参数项)4.3动态路由取参方式二(props传参)--常用4.3动态路由-query&fullPathquery传参取值五、编程式导航跳转5.1声明式导航&编程式导航5.2vue-router中的编程式导航API六、导航守卫6.1什么是导航守卫6.2全局前置守卫6.3守卫方法的3个形参

一个简单的vue项目之图书管理系统,自用,无ui,持续更新...

前言由于自己上一把忘记写log导致不小心把我的前端项目删了重新随便写点log记录一下由于各种版本不适配问题,请大家谨慎看攻略参考。另外,由于博主主要还是写后端,所以对ui并没有加以处理,进阶就不需要参考了!但是博主还是很乐于学习的,如果有什么好的意见和建议,欢迎大家批评指正!创建“第一个vue”项目1.首先安装node.js、cnpm、vue-cli,自己以前都装了配套环境,不会建议百度,这里不加赘述。2.这里我的是3.x版本,检查一下npminstall-g@vue/cli,更新完毕如果出现错误提示或许可以参考https://blog.csdn.net/m0_62639693/article