Vue
关注
分享
扫一扫
文章平均质量分 80
爱敲代码的狼仔
好好学习，努力赚钱，我想要的都希望能够靠自己
展开
-
React动画与React路由
React动画与路由React动画react没有过渡动画的包，需要依赖三方的过渡动画包npm i react-transition-group -S原始代码添加动画参数in 控制动画的变量，必须timeout 动画持续的时间，必须classNames 动画的class名开头onExit 退出时执行onExiting 退出中执行onExited 退出完成执行onEnter 进入时执行onEntering 进入中执行onEntered 进入完原创 2021-11-12 19:48:03 · 334 阅读 · 0 评论 -
React组件操作(组件传参，生命周期，内置组件，HOC高阶组件)
React组件操作组件传参父子子父非父子react本身没有非父子传参的策略，所以需要依赖三方的非父子组件传参插件， eventsnpmhttps://www.npmjs.com/安装npm i events -S设置events插件使用events插件生命周期挂载阶段componentWillMount （vue created）数据将要挂载，数据存在，但是dom对象没有实例化完成自动执行一次render数据在修改原创 2021-11-11 19:41:16 · 518 阅读 · 0 评论 -
react
React开始react介绍react是由facebook前端开发团队开发和维护的js框架react的实现功能类似VUE，但是由于国外的开发风格，导致在react上，并没有对数据渲染的步骤进行封装，需要开发者更多的使用es6的语法手动完成数据渲染，所以，代码难度比vue高。react特点react数据驱动视图更新react基于组件化的方式进行项目开发react中使用了虚拟DOM技术react中只实现了单项数据流（react没有实现双向绑定）react安装React 官原创 2021-11-10 19:33:49 · 212 阅读 · 0 评论 -
关于FormData
FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象：//通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","laotie");//通过get方法对值进行读取console.log(原创 2021-11-09 08:47:37 · 127 阅读 · 0 评论 -
Vuex子组件、Vue项目初步搭建
Vuex子组件我们需要一个方法，将越来越多的action,mutation数据进行整合。vuex提供了子组件模式。子组件定义自定义一个对象，然后再对象当中编写vuex的属性：action，mutation，state，getters最后将这个对象放到vuex的实例的modules下import Vue from 'vue'import Vuex from 'vuex'import axios from '../utils/http'Vue.use(Vuex)const Inde原创 2021-11-02 19:55:11 · 160 阅读 · 0 评论 -
Element-ui、iview、vant的安装使用以及Vuex的使用
Vue_UI与VuexUI库element-ui官网：https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installationElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库element-ui是基于vue框的一个第三方的PC端组件库element-ui组件库是饿了么前端开发团队开发和维护的组件库原创 2021-11-01 19:26:45 · 712 阅读 · 0 评论 -
Axios、Vue跨域问题、swiper的安装使用
数据请求搭建后台服务器使用JS编写ajax局部提交，请求回来的是josn数据,而且在js当中，数据渲染问题很复杂const xhr = new XMLHTTPRequest()xhr.open("请求方式","地址")xhr.send("")xhr.onreadystatechange = function(){ if(xhr.status === 200 && xhr.readyState === 4){ ...原创 2021-10-29 19:34:23 · 242 阅读 · 0 评论 -
Vue路由守卫，Vue-router中的钩子函数
路由守卫生命周期在vue从创建到销毁的过程当中执行。但是对于每次请求，其实需要一部分限制，比如登录限制，比如校验。所以在路由上有路由守卫。路由全局守卫全局前置守卫在路由跳转之前执行，有三个参数to 目的地路由route对象from 源路由route对象，注意直接使用路由跳转，容易失去fromnext 跳转,默认跳转to的地址，可以自定义跳转地址router.beforeEachrouter/index.jsimport Vue from 'vue'impor原创 2021-10-28 21:04:08 · 497 阅读 · 0 评论 -
Vue路由开发（命名路由、路由传参、命名视图、路由原信息、路由模式、路由滚动），登陆案例（附代码图）
路由开发vue-router 官网导航守卫 | Vue Routerhttps://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB命名路由在路由文件index.js当中，对路由设置name属性!在调用的时候通过对象格式调用路由传参动态路由this.$route.params定义路由的时候..原创 2021-10-28 20:56:34 · 474 阅读 · 0 评论 -
缓存操作与组件路由
缓存操作与组件路由Keep-alive缓存在web服务请求当中，有部分数据属于频繁被查询，比如，用户信息，logo信息。将这些数据存储到一个方便查询，或者直接获取的位置上，来减轻服务器查询压力。这种策略叫做缓存。VUE当中keep-alive只是基于前端组件的狭义的缓存，通常和component标签结合使用，对动态加载的组件进行缓存keep-alive缓存的基本使用就是使用keep-alive标签包围component标签，这样动态加载的组件就会被缓存定制缓存includ原创 2021-10-26 19:27:38 · 692 阅读 · 0 评论 -
组件的基本操作（组件通信、插槽、Mixin混写、VUE+JQuery开发、虚拟DOM操作、动态组件）
组件基本操作版本控制仓库版本分支代码对已有的仓库git clone MrFruite: 电商项目:分支名称对新创建的项目项目初始化vue createvue-cli3 为开发者提供了一个图形化的创建项目的界面。vue ui组件通信组件通信是基于组件的嵌套关系创建项目父子关系1、调用子组件标签2、在标签上自定义属性，绑定要传递的值3、子组件使用props接受自定义的属性4、子组件调用props当中的名称props变原创 2021-10-25 19:48:50 · 230 阅读 · 0 评论 -
Vue动画与组件、Vue过滤器、Vue框架（脚手架）的安装与启动
04-VUE动画与组件过滤器本质，过滤器是一个特殊的函数作用，可以对模板上的数据进行再处理，在数据挂载前处理。比如:13331153360133****33601 2 男 女过滤器作用在变量的后面，使用 | 作为符合作用将 | 前边的变量作为 | 后边的函数的值进行处理。过滤器函数必须有返回值过滤器只可以在插值表达式和v-bind上使用<body> <div id="app"> {{ phone|set...原创 2021-10-22 19:18:50 · 174 阅读 · 0 评论 -
vue生命周期与侦听器，vue实现购物车和百度搜索（附源码）
vue生命周期与侦听器动态样式基于vue和js语法来研究一下动态处理样式的方式动态的class基本模式<div id="app"> <div :class="isShow?'show':'hidden'"> 嘿嘿嘿 </div> <p @click="isShow = !isShow">切换</p> <p @click="ch...原创 2021-10-20 19:23:53 · 371 阅读 · 0 评论 -
VUE修饰符（附源码教学）、$set
VUE修饰符v-if和v-for混用-乘法口诀表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2021-10-19 19:31:46 · 294 阅读 · 0 评论 -
初识Vue：Vue的介绍以及一些基本的Vue命令
VUE指令回顾HTML：html+html5 语义化标签（header,footer）css+css3动画：过渡（transition），动画(animate), flex布局 , lessJava Script：数据类型变量运算数学运算比较运算逻辑运算流程控制ifswitchforwhiledo while函数DOM （document object model）BOM （browser object model）no原创 2021-10-18 19:25:13 · 311 阅读 · 0 评论