Ubuntu18搭建vue3
第一步我们可以先更新源(我所有的步骤都在root账户下操作的) sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins ... »
第一步我们可以先更新源(我所有的步骤都在root账户下操作的) sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins ... »
Vue3.0 发布第一个版本至今有一段时间了,到现在一直在更新优化,在性能方面,对比 Vue2.x ,性能的提升比较明显,打包后体积更小 来看下 Vue3.x 新增了哪些功能和特性。 Performance:性能优化 Tree-shaking support:支持摇树优化 Composition A ... »
1. 概述 老话说的好:取乎上,得其中;取乎中,得其下。因此我们不妨把目标定的高一些,去努力,才能得到更好回报。 言归正传,今天我们来聊聊 使用 Nginx 实现 URL 的重定向。 2. 使用 Nginx 实现 URL 的重定向 2.1 使用场景 我们日常分享一个网站地址时,常常会有这样的效果,同 ... »
pinia是一个vue的状态存储库,你可以使用它来存储、共享一些跨组件或者页面的数据,使用起来和vuex非常类似。pina相对Vuex来说,更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法,供参考学习。 pinia在2019年11月开始时候是一个实验项目,目... ... »
之前做了个恋爱话术微信小程序,实现高情商的恋爱聊天。 但最近突然发现,每天早上给女朋友发一段优美情话可以让她开心一整天,但无奈自己的语言水平确实有限,不能随手拈来,着实让人有点不爽。 不过办法总比困难多,作为高情商的程序猿,来源于日常生活的需求往往是咱们最大的动力,必须盘他,所以想着在之前的恋爱话术... ... »
本文绘制的地图效果图如下: 一、Echarts 使用五部曲 1、下载并引入 echarts Echarts 已更新到了 5.0 版本,安装完记得检查下自己的版本是否是 5.0 。 npm install echarts --save 下载地图的 json 数据 可以下载中国以及各个省份地图数据。免费 ... »
1. 概述 老话说的好:心态决定命运,好心态才能有好的命运。 言归正传,今天我们来聊聊 VUE 中的全局 Mixin 与 自定义属性合并策略。 2. Mixin 的使用 2.1 全局 Mixin 之前咱们介绍的 Mixin 用法,是局部 Mixin,需要在组件和子组件中使用 mixins:[myMi ... »
1. 概述 老话说的好:舍得舍得,先舍才能后得。 言归正传,今天我们来聊聊 VUE 中使用 Mixin 实现代码的复用。 2. Mixin 的使用 2.1 不使用 Mixin 的写法 <body> <div id="myDiv"></div> </body> <script> const app = ... »
项目代码结构基本完全保留 vue-element-admin ,代码风格参考Vue.js社区,CSS遵守BEM规范 ,站在巨人的肩膀不仅是为了看的更远,更多的是一种致敬、延续和希望走的更远。 ... »
1. 概述 老话说的好:不用羡慕别人,每个人都有属于自己的人生道路,重要的是在前进道路上遇见阻碍时,如何去积极的面对并解决。 言归正传,今天我们来聊聊 VUE 的状态动画。 2. 状态动画 2.1 数字加10的例子 <body> <div id="myDiv"></div> </body> <scr ... »
1. 概述 老话说的好:可以为别人解决痛点的产品就是好产品。 言归正传,今天我们来聊聊 VUE 的列表动画。 2. 列表动画 2.1 列表中增加和删除元素 <style> .my-item { display: inline-block; margin-right: 15px; } </style> ... »
所谓封装与模块化,对我这种初学者来说,个人理解就是解耦,比如说,当我们前端一个项目使用了现在流行的模块,但是没有对其进行封装处理,包括一些相同的代码逻辑,把他们分散在各个组件当中,这样一来整个项目对于这个模块的耦合度太高.如果将来这个模块突然停止维护,或者有更好的模块将其替代,我们想要更换模块时就显 ... »
希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3。除此之外,也希望路过的朋友可以帮助我查漏补缺 »
提起帮助文档,想必大家都会想到 VuePress等,我也体验了一下,但是感觉和我的思路不太一样,我希望的是那种可以直接在线编辑文档,然后无需编译就可以直接发布的方式,另外可以在线写(修改)代码并且运行 »
(目录) 1,前言 <script setup>是在单文件组件中使用Composition API的编译时语法糖。相比于普通的<script>语法,它具有更多优势 更少的样板内容,更简洁的代码 能够使用纯 Typescript 声明 props 和抛出事件 更好的运行时性能 (其模板会被编译成与其同 ... »
前言 这一段时间一直在做一个博客项目 Kila Kila Blog,找了一圈发现没有特别满足自己需求的目录组件,所以决定自己动手,完成一个满足以下预期目标的目录组件: 自动高亮选中当前正在阅读的章节 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 显示阅读进度 完成后的目录组件如下图左侧 ... »
1. 概述 老话说的好:过去不等于未来,过去成功了不代表将来也会成功,过去失败了也不代表将来也会失败。 言归正传,今天我们聊聊多个元素之间的过渡。 2. 多个元素之间的过渡 2.1 两个元素交替显示 <body> <div id="myDiv"></div> </body> <script> con ... »
在 vue3 中,为了更好的实现多平台应用,将渲染器的创建函数 createRenderer 方法单独分离出来,不用像 weex 一样,需要 fork 一下,然后去改源码。 下面以 canvas 为例: 1、首先我们引用 vue3 &lt;script src="../dist/vue.global.js"&gt;&lt;/script&gt; 2、然后将 createRenderer 方法解 »
0、前言 vue2基础篇链接:https://www.cnblogs.com/xiegongzi/p/15782921.html vue2组件化开发篇链接:https://www.cnblogs.com/xiegongzi/p/15823605.html vue2高级篇链接:https://www. ... »