![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
嚣张农民
记录日常,如果帮助到您请动动小指头点个小赞和关注,是对我的认可和给予我的创作动力
展开
-
小白如何搭建vue-cli项目
先下载一个国内淘宝镜像,原因是下载比较快并且稳定npm install cnpm -g --registry=https://registry.npm.taobao.org下载完我们可以使用cnpm来下载东西然后开始下载gepackage-lock.json记录下载的内容npm i -y下载vue脚手架,命令cnpm install -g vue-cli创建一个基于webpack的项目,命令vue init webpack会显示一系列配置项,根据自己的选择,下面是我自己配置的选项原创 2023-10-31 12:40:39 · 178 阅读 · 0 评论 -
VueRouter 源码解析
核心就是判断需要跳转的路由是否存在于记录中,然后执行各种导航守卫函数,最后完成 URL 的改变和组件的渲染。在路由初始化时,核心就是进行路由的跳转,改变 URL 然后渲染对应的组件。以上就是创建路由匹配对象的全过程,通过用户配置的路由规则来创建对应的路由映射表。钩子函数,调用方式和第一步相同,只是传入的函数名不同,在该函数中可以访问到。在路由跳转中,需要先获取匹配的路由信息,所以先来看下如何获取匹配的路由信息。钩子函数,该函数是路由独享的钩子函数。对象的函数,回调会在路由确认执行。原创 2023-10-31 12:28:32 · 449 阅读 · 0 评论 -
探索Vue 3世界中的12个流行组件库
Vue 3作为当下最受欢迎的前端框架之一,为开发者提供了极大的便利和灵活性。而要构建出优秀的用户界面,一个强大而易用的组件库是至关重要的。在本文中,我们将带你探索Vue 3世界中的12个流行组件库,这些组件库不仅提供了丰富多样的UI组件,还具备灵活的定制能力,助力你快速开发出令人惊叹的Web应用程序。原创 2023-06-30 01:02:44 · 2787 阅读 · 0 评论 -
【vue2.x】新手如何快速用vue导入GLTFLoader模型
Three.js支持包括 .obj、.gltf等类型的模型结构。glTF(GL传输格式)是Khronos的一个开放项目,它为3D资产提供了一种通用的、可扩展的格式,这种格式既高效又与现代web技术高度互操作。原创 2023-10-31 12:30:37 · 1945 阅读 · 0 评论 -
vue3的7种路由守卫使用大全
1.使用方式:main.js中配置,和beforeEach相反,它是在路由跳转完成后触发,它发生在beforeEach和beforeResolve之后,beforeRouteEnter(组件内守卫)之前。1.使用方式:main.js中配置,在路由跳转前触发,这个钩子作用主要是用于登录验证,也就是路由还没跳转提前告知,以免跳转了再通知就为时已晚。路由守卫(导航守卫)分为三种:全局守卫(3个)、路由独享守卫(1个)、组件的守卫(3个)全局路由守卫有三个:全局前置守卫,全局后置守卫,全局解析守卫。原创 2022-11-23 01:51:21 · 4407 阅读 · 0 评论 -
在spring_boot项目中如何将vue组件引入到.html页面进行使用
开始我们需要导入我们的vue组件的路径到我们当前的js文件目录然后我们需要用到一个函数render进行渲染,将定义的组件写到createElements函数中去想要详细了解render函数的使用可以进入如图在这里我刁侃下我当时是想要通过components函数去添加组件到.html页面去但是失败了,所以才使用了render函数接着我们需要在.html文件进行引入我们.js文件<script src="./webapp/static/dist/custom.js"></s原创 2023-12-04 00:30:44 · 2392 阅读 · 2 评论 -
vue-cli 打包后element图标异常不显示问题
vue打包后如下element图标不显示控制台报错显示没有找到element-icons资源解决办法:在build文件下的utils.js文件中添加这一句publicPath:’…/…/'找到我如下代码中去添加 // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return Ex原创 2023-12-04 00:29:35 · 1822 阅读 · 1 评论 -
vue axios常用写法
axios({ url: '传入的api', //对封装好的对象进行序列化,如果后台没说明可以直接传obj对象就行 data: {obj:JSON.stringify(obj)}, //定义get请求或者post请求 method: "post", //设置参数的表头形式原创 2023-10-31 12:40:22 · 2665 阅读 · 2 评论 -
vue实现简单的tab盒子切换(一)
废话不多说,直接上代码~~~~~~~~~~~HTML部分js部分css部分实现效果:原创 2023-12-04 00:27:49 · 454 阅读 · 0 评论 -
vue 插槽的作用,用插槽slot-scope获取表格中的数据
这里我用了elementui的表格组件去做表格,如图我在编辑和删除的组件用template去包裹,然后在这个标签去写上slot-scope="scope"然后在需要点击的按钮去添加一个@click事件,在方法中去写上两个参数,第一个参数是当前点击按钮获取的表格在第几行的id,第二个参数是获取表格中当前行的全部参数如图:我们看看打印出来的数据现在我们是拿到了当前行的全部数据,大功告成...原创 2023-12-04 00:29:02 · 5211 阅读 · 1 评论