vue-study
文章平均质量分 58
wfq_w553508682
这个作者很懒,什么都没留下…
展开
-
(项目回顾)会员管理系统
1、基于vue-cli 3.x创建项目2、初始化配置 更改标题 图标3、使用的是Element UI, 进入官网安装Element UI 并引入到文件中 ;在VS中安装插件 Element UI Snippets,这样在使用element ui时会有语法提示4、自定义封装Axios异步对象1、在src下创建utils文件夹,这之下创建request.js文件,里面就放封装的axios对象//正常引入axios后 (import axios from axios) 就可以直接axios.get('原创 2020-09-25 21:01:59 · 211 阅读 · 0 评论 -
Vue的高级特性
Vue的高级特性详解自定义v-model$nextTickslot动态、异步组件keep-alivemixin一、自定义v-model二、$nextTick三、slot四、动态、异步组件五、keep-alive六、mixin原创 2020-09-14 15:12:56 · 116 阅读 · 0 评论 -
前端实习面试题
部分前端实习面试题记录1、你对盒子模型的理解https://www.cnblogs.com/clearsky/p/5696286.html(千与千寻*的博客中的相关讲解与一些问题解决)2、html5中添加了哪些新标签Html5新增了27个元素,废弃了16 个元素,根据现有的标准规范,把HTML5 的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素 4 大类。结构性元素主要负责web上下文结构的定义section:在 web 页面应用中,该元素也可以用于区域的章节描述。h原创 2020-09-02 15:23:11 · 1074 阅读 · 0 评论 -
Vue基础淡入淡出动画组件
Vue基础淡入淡出动画组件代码如下:通过slot,使用时直接加在需要动画效果的标签外面即可<template> <transition> <slot></slot> </transition></template><script>export default { name: 'FadeAnimation'}</script><style lang="stylus"原创 2020-08-20 20:57:43 · 922 阅读 · 0 评论 -
解决router间的滚动行为
解决路由间的滚动行为(Vue)根据官网的代码在路由表中的routes后面加上下面这段代码:scrollBehavior (to, from, savedPosition) { return { x: 0. y: 0 }}原创 2020-08-20 17:34:04 · 172 阅读 · 0 评论 -
监听scoll调整组件透明度
监听scoll调整组件透明度在项目中遇到了一个问题,要求完成用户拖动滚轮时,页面顶部一个组件从不显示到完全显示的过程。(vue)方法如下:1、给对应的标签绑定 :style = ‘opacityStyle’2、date中设置 data () { return { opacityStyle: { opacity: 0 } } }3、设置一个mounted()生命周期函数,当页面数据挂载完成时开始监听scoll事件 mounted原创 2020-08-20 15:29:03 · 154 阅读 · 0 评论 -
flex弹性盒子详解(转载地址)
https://www.cnblogs.com/ZheOneAndOnly/p/10847591.html补充:使用了display:flex盒子的子元素:使用flex:1属性可以将自己的盒子向父元素中定义的方向撑开转载 2020-08-19 15:52:07 · 90 阅读 · 0 评论 -
解决移动页面300ms延迟问题
html { touch-action: manipulation;}原创 2020-08-18 21:18:52 · 70 阅读 · 0 评论 -
在vue中使用keep-alive提高性能
keep-alive路由每切换一次,当页的ajax请求就会重新发送一次,这时可以使用vue自带的keep-alive。它的作用是能将加载过的路由放到内存之中,写一次加载时就不许需要进行重新渲染。用法:App.vue<template> <div id="app"> <keep-alive> <router-view/> </keep-alive> </div></template原创 2020-08-18 19:23:13 · 258 阅读 · 0 评论 -
Vuex入门
Vuex入门什么时候会用Vuex 当我们需要开发比较大型的单页面应用,需要多个组件共享状态的时候。Vuex中,state是共享的数据,导入后我们可以在所有组件里使用state中的数据,而我们如果希望通过使用js来改变state使得所有组件中的数据发生变化,就需要通过Actions和Mutations。 State:存放共用数据 Actions:存放异步方法 Mutations:存放同步的一些对数据的改变Vuex中的其他概念:getters:类似于计算属性,当我们需要使用state计算什原创 2020-08-18 17:09:41 · 281 阅读 · 0 评论 -
Vue-Cli 3.x脚手架的安装使用
Vue-Cli 3.x脚手架怎么用1、Vue-Cli是vue官方提供的,用来搭建项目脚手架的工具。它是vue.js开发的标准工具,它已经集成了Webpack,内置了很多常用的配置,使得我们在使用Vue开发项目时更加的标准化。2、作用:通过Vue-Cli下载项目模板。安装:在安装vue-cli之前,先确保已经装了node.js(8.9版本或更高)1.在终端安装全局vue-clinpm install -g @vue-cli2.安装完成后检查是否成功,输入版本,看是否显示vue --versi原创 2020-06-22 13:40:36 · 326 阅读 · 0 评论