vue
文章平均质量分 86
森林里的小姑娘
输出倒逼输入!优化思想的加持才能写出好代码!
展开
-
将vue2+webpack 开发环境转为vite
文章目录步骤1、安装vite相关的包2、新建vite.config.js3、index.html引入main.js4、main.js引入App.vue方式调整5、调整自定义模块、路由引入方式:require -> import、export default6、script添加命令参考资料webpack打包项目过大,慢且容易内存溢出。哭唧唧步骤当前只是vite的开发环境踩坑,项目目前依旧保持webpack打包vite需要node版本为12及以上,当前 v12.12.01、安装vite相关的包原创 2021-11-10 16:34:09 · 1929 阅读 · 0 评论 -
基于vue2的vue-ssr体验学习
主要库包版本: "vue": "^2.6.11", "vue-server-renderer": "^2.6.11", "vuex": "^3.5.1" "@babel/core": "^7.10.4", "@babel/plugin-transform-runtime": "^7.10.4", "@babel/preset-env": "^7.10.4", "babel-loader": "^8.1.0", "css-loader": "^3.6.原创 2021-10-26 10:14:47 · 1056 阅读 · 0 评论 -
了解vue3、对比vue2
文章目录了解vue3、对比vue2:一、项目组织方式:packages包介绍:不同构建版本二、Composition APIComposition API设计动机Composition API介绍:组合式API介绍三、性能提升 :1、响应式系统升级vue2 definePropertyvue3 proxy:2、编译优化Fragments(片段):静态提升:Patch flag(diff时检查):缓存事件处理函数:按需引用3、源码体积优化四:vite对比vue-cli:vite特点:es module:vit原创 2021-10-25 15:14:33 · 396 阅读 · 0 评论 -
vue3组合式API简学
文章目录组合式API示例:函数说明:生命周期钩子函数三个响应式函数:reactive-toRefs-refcomputedwatchwatchEffect自定义指令实践问题组合式API示例:<script type="module"> import { createApp, reactive, onMounted, onUnmounted, toRefs } from './node_modules/vue/dist/vue.esm-browser.js' const ap原创 2021-10-25 15:11:37 · 473 阅读 · 0 评论 -
vite简介、原理及简单实现
文章目录vite简介:1、快速冷启动(对比vue-cli):2、模块热更新 HMR:3、按需编译 buildvite build:使用webpack打包原因(打包起因):4、开箱即用:vite特性总结:vite原理1、静态服务器2、处理模块处理的路径,如 from 'vue' -> from '/@modules/vue.js'3、加载第三方模块,如 /@modules/vue.js4、处理单文件模块vite初步实现:vite简介:vite基于es modules 实现,面向现代浏览器的更轻、快的原创 2021-10-22 16:56:07 · 1648 阅读 · 1 评论 -
vue中的slot插槽学习记录
vue中插槽主要是__在父组件中映射子组件数据及内容用的__;在没有改版之前分为:普通插槽、具名插槽、作用域插槽(带着数据的插槽,就是可以直接使用父组件映射过来的值);根据名字不同,很容易就明白作用了;废弃了就只做个了解;改版之后,使用v-slot来表示,且限制了只能用在__component和template__上,其他的标签如改版之前常用来举例子的列表等标签上都会报错。【v-slot:slotName】也有简写,【#slotName】(我以前常见有代码是#default='xxx’的,懵逼了半天这d原创 2020-06-11 18:04:55 · 146 阅读 · 0 评论 -
下载不带vue_modules的Vue文件,npm install再dev各种报错
众所周知,node_modules文件夹下就是一些可以随时install的插件,且内容可能会很多,所以一般将文件分享出来的时候,我们都不会分享这个,也都知道自己npm install再运行就好了。但是我今天遇到install之后报错,仍然是提示插件缺失,是与main.js里面直接导入的名称路径一模一样的提示。碰到这种情况,删了已经install的node_modules文件夹,然后再inst...原创 2019-06-20 18:21:24 · 303 阅读 · 0 评论 -
vue下axios以及vue-resource的对比使用
写在前面:vue2.0之后,就不再对vue-resource更新,而是推荐使用axios(注意了注意了)。axios可同时在浏览器和 Node.js 中使用,相比之下,axios虽然体积较大,但是功能用法也是很全面的,推荐使用。一、vue-Resourcenpm链接地址: https://www.npmjs.com/package/vue-resource(1)特点:支持Promise ...原创 2019-06-18 11:45:26 · 1063 阅读 · 0 评论