Vue
文章平均质量分 88
sadoshi
这个作者很懒,什么都没留下…
展开
-
nvm安装使用与常见问题
nvm是一个用来进行nodejs多个版本管理和切换的工具。这个工具的使用相当简单和方便,但是没想到我使用的时候却遇到了好些问题,这里记录一下顺便分享。原创 2023-08-17 17:17:40 · 2814 阅读 · 0 评论 -
Vue学习(九)——混入
混入(mixin)的使用非常简单,其实我原本打算直接写插件(plugin)的,但考虑到插件的使用范围也包括混入和自定义指令,还是先讲讲这两个的基本概念。混入在我看来,就是给组件加上一些通用的属性和方法。比如说我们项目有很多个页面是要展示分页列表的,那页面组件都会包含当前页、每页记录、总记录数、总页数这些属性、还有页面增删查改操作的函数等等,其中有很多是完全一样,或者具备一定可复用性的。如果每个页面都搞这么一大坨,不单写起来繁琐,看起来也很乱。要是碰上不同的人开发,变量名定义还不一样,可读性可维护性就很差。原创 2022-11-20 00:45:22 · 554 阅读 · 0 评论 -
Vue学习(八)——引入mock进行测试
前言按照前后端分离的架构设计思路,通常前端通过axios调用后端接口。如果后端接口未写好,前端如何进行测试呢?这时候就要引入mock。mock会拦截前端请求,并生成测试数据。这样看起来就像调用了后端接口一样。虽然mock不能实现什么业务功能,但作为前端开发,引入mock也是必不可少的。安装mock由于mock的作用本来就是用于相应ajax调用,因此我们沿用《Vue学习(七)——引入Axios》建好的项目作为例子。在此之上引入mock并使用。首先在...原创 2022-01-24 17:59:42 · 2870 阅读 · 3 评论 -
Vue学习(七)——引入Axios
前言Vue官网推荐使用Axios用于Ajax调用。本文介绍如何在Vue项目中引入Axios。准备服务端程序本服务端程序仅用来测试,如果读者有其他rest接口用于测试可跳过此节。我通过Eclipse创建一个Springboot项目。首先新建maven选择webapp那一项填写必要信息便可完成修改pom.xml文件,主要增加对spring-boot和spring-mvc的依赖。前几行注释掉的地方是我的项目信息,读者可以改成自己的。<project x.原创 2022-01-22 18:20:13 · 10934 阅读 · 0 评论 -
Vue学习(六)——Vue-Router引入
前言Vue-Router是Vue官方推荐的使用的路由库。由于官方文档以单页面为主,而实际项目大多不是这样。所以这篇文章记录一下搭建一个简单Vue应用如何引入Vue-Router。新建项目安装依赖我们还是按照之前《Vue学习(一)——组件基础》的方式初始化项目。vue create router1之后安装依赖npm install这之后我们进入项目的目录并安装Vue-Router。cd route1npm install vue-router --save原创 2022-01-12 17:15:15 · 8731 阅读 · 0 评论 -
Vue学习(五)——Vuex核心概念(State、Getter、Mutation、Action、Module)
本文会把Vuex的五个核心概念State、Getter、Mutation、Action、Modul都进行介绍和展示原创 2021-12-14 19:30:49 · 1777 阅读 · 0 评论 -
Vue学习(四)——Vuex入门
Vue的组件的传值方式通常是这样的:父组件给子组件设定属性,子组件从props中取出;子组件通过$emit给父组件发送消息,父组件处理该消息从而获取传值。这种设计理念在遇到诸如兄弟组件传值、祖父节点给孙子节点传值时,就比较麻烦了。所以这种场景可以考虑使用Vuex。原创 2021-12-08 10:31:21 · 582 阅读 · 0 评论 -
Vue学习(三)——组件的slot
前言学习组件的slot(插槽)前,必须先学习组件基础。插槽是建立在组件之上的。我刚开始做vue项目,拿代码依葫芦画瓢的时候,遇到slot搜了好多篇文章都看不明白。直接看官方文档也看不明白。问题首先是对组件基本不怎么理解,其次是没有亲手去建一个简单项目来理解slot。使用组件通常也不可避免要用到slot。可以去看看element ui文档,很多组件都有slot。slot说白了就是组件的一块区域空出来,交给用户自定义。最典型例子就是数据表格,其右侧“操作”一列经常包含“编辑 查看 删除”这样,如下图所示原创 2021-07-13 10:27:54 · 2051 阅读 · 1 评论 -
Vue学习(二)——父子组件的交互
前言如果你对组件的基础不是很了解,请先学习前一篇关于vue的文章,或者去官网学习,否则只会让你越学越乱父子组件交互父子组件属性的传递父子组件的交互通常的模式是:原创 2021-07-07 16:53:44 · 543 阅读 · 2 评论 -
Vue学习(一)——组件基础
概述Vue初学者遇到的第一个难题应该就是组件。Vue中组件又是使用非常频繁的的功能。虽然官网已经写得不错,但相信也有很多新手不太适应官网的描述方式,因此写一下自己的理解。单页面使用...原创 2021-07-04 02:21:31 · 743 阅读 · 3 评论