![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vite、vue等详细
文章平均质量分 57
介绍vite、vue的使用,并且记录使用过程的问题及解决方案
晨爱衿文
倾注前端,致力提升自我
展开
-
vue的生命周期详解
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。原创 2019-03-21 16:06:59 · 721 阅读 · 0 评论 -
vue+vue-router的详细用法
1. vue安装vue-routernpm install -save vue-router //package文件的dependencies节点写入依赖 dependencies部署是需要的 depenDencies 开发依赖,部署时不需要2. vue 引用vue-routersrc目录 下面创建router文件夹在router文件夹下创建index.js文件index.j...原创 2018-11-16 16:46:17 · 423 阅读 · 0 评论 -
vue+axios封装
封装api.js// 读取配置的根目录地址const root = process.env.API_ROOT;// 引入axioslet axios = require('axios');function toType (obj) { return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();...翻译 2018-11-13 17:56:29 · 467 阅读 · 0 评论 -
vue简单工程构建
vue框架,前端流行框架之一,在组件化、工程化有独特的忧伤原创 2018-11-13 16:58:20 · 260 阅读 · 0 评论 -
vue3.0 + vite+ vant3.0
由于项目都是vue框架的spa页面,然后项目需要一个活动页和微信的分享,这样用vue框架很累赘;以前我是直接用h5;刚好最近vue3.0出来了,然后撸一个活动页面练练手。这个过程还是蛮曲折的;原创 2020-11-19 18:28:51 · 6049 阅读 · 2 评论 -
vue项目router切换太慢问题
问题定位:随着项目增大,有一天突然发现页面切换时候,要等1-2s页面才切换过去,然后就开始定位问题,刚开始以为时页面组件太多导致的,通过删除组件,发现没啥改善,然后就在两个页面打印日志,第二页面created周期时间和路由切换时间相差不大,可以排除是页面渲染耗时。然后在第一个页面的destroyed周期里面打印日志,发现destroyed->router切换耗时1.5s左右,这时候定位问题是vue的destroyed周期耗时。destroyed周期耗时:这时候就考虑destroyed为啥要原创 2020-05-21 20:11:21 · 11203 阅读 · 2 评论 -
VUE组件间传值详解
在Vue . 2.x 中, 推荐使用一个空的Vue 实例作为中央事件总线(bus),组件A传值组件B,这时候需要bus总线的中间件,组件A bus.$emit("bfun","aa"),这样发送数据aa,组件B 需要通过 bus.$on("bfun", function(message){console.log(message)});不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。取而代之的是,你只能提供你想要绑定的属性名,类似。原创 2019-03-22 11:18:26 · 2161 阅读 · 1 评论