- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 Vuex在项目中的使用
通过使用 Vuex,我们可以将应用程序状态从组件中抽象出来,并通过集中管理和共享状态,使应用程序更加可维护和可扩展。Vuex 是 Vue.js 的状态管理库,可以方便地管理和共享组件之间的状态。在上面的示例中,我们首先导入 Vue 和 Vuex,并在 Vue 中注册 Vuex 插件。最后,我们创建了一个 Vue 实例,并将创建的 Vuex Store 实例传入。通过 Vuex,我们可以定义和管理应用程序中的所有状态,这些状态可以通过。中的方法可以是异步的,并且只能通过。中的方法可以是同步的,并且可以通过。
2023-04-25 20:59:52 182
原创 axios时出现Cannot read property ‘post‘ of undefined
Cannot read property ‘post‘ of undefined或者其他的 ‘xxxx' undefind
2022-05-28 18:14:26 2479
原创 vue-route的基本使用 vue路由
vue-route的基本使用第一步:安装vue-router指令:npm i vue-router@3(使用vue2开发的时候需要指定路由版本3,vue3则对应路由版本4)第二步:在src中创建 router/index.js,在index,js文件中注册路由器第三步:在main.js中a、引入插件import VueRouter form ‘vue-router’b、使用插件Vue.use...
2022-05-19 16:00:19 415
原创 Vue中的ajax
第一步:在项目里安装axios指令 npm i axios第二步引入第三步配置调用方法平时所说的跨域简单的理解就是违背了同源策略前端向服务器发送请求必须三个一致:协议名一致、主机名一致、端口号一致如:localhost:8000 === 协议名是http、主机名localhost、端口号8000在前端向服务器发送请求,端口号不同的过程中请求是发送成功的,服务器也可以接收到消息,也成功传回了数据,但是前端页面并没有取到数据,就是因为违背同源策略。解...
2022-05-16 01:30:05 2348
原创 vue动画过渡效果
vue动画过渡效果的作用: 在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。一、动画效果首先定义一个关键帧二、过渡效果三、 以上的效果通过引入第三方库实现在这里使用的是animate库animate.cssAnimate.css | A cross-browser library of CSS animations.使用步骤第一步安装: npm install animate.css –save第二...
2022-05-14 17:33:29 484
原创 前端库--nanoid(轻量级的uuid)
定义:UUID 是 通用唯一识别码(Universally Unique Identifier)的缩写,生成全球唯一的一串字符编码。生成方式:UUID是基于当前时间、计数器(counter)和硬件标识(通常为无线网卡的MAC地址)等数据计算生成的。UUID可以被任何人独立创建,并按需发布。现实使用:由于uuid体积较大,在开发过程中一般使用更加轻量级的nanoid来代替uuid的使用使用步骤步骤一:安装nanoid包步骤二:使用由于引入的nanoi..
2022-05-07 21:44:21 5066 5
原创 vue cli 脚手架
Vue脚手架的使用 vue cli (command line interface 命令行接口工具)Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统文档地址:介绍 | Vue CLI具体步骤注意:安装脚手架之前一定要先安装好node.js第一步(仅第一次执行):全局安装@vue/cli。npm install -g @vue/cli在这里我的node.js 没有配置好,后面重新配置之后直接可以vue -v看到了,如下图第二步:切换到你要创建项目..
2022-05-04 18:52:29 483
原创 前端学习--Bable的使用步骤
1、安装工具 babel-cli 命令行工具 babel-preset-env 预设包 browserify 打包工具(项目一般用webpack 在这里用browserify 是因为比较方便)2、通过npx bable src/js(原js文件目录) -d dist/js(转换之后的js文件目录)局部安装要用 npx bable命令如果全局安装bable 可以直接使用bable命令npx babel src/js -d dist/js --presets=babel-pre...
2022-04-08 16:30:24 769
原创 前端布局 flex布局
一、什么是flex flex是flecible Box的缩写,意思是“弹性布局”,任何一个容易的可以用flex布局。 当给父盒子设为flex布局之后,子元素的float,clear,和vertical-align属性将会失效 flex操作性方便,布局简单,广泛应用于移动端的开发,pc端页面则仍主要采用传统布局。二、flex的布局原理 flex的原理就是通过给父盒子添加flex属性,来控制子盒子的位子和排列方式三、常见的六个父项属性...
2022-03-04 10:56:33 2709
2022年前端工程师面试题
2022-06-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人