随笔分类 -  vue

vite+vue3+ts+pinis搭建项目框架
摘要：一：使用 vite 快速创建脚手架 1.创建新项目 命令行输入后，依次选择vue -> typescript。 1 yarn create vite vite_vue3_typescript_pinia_template --template 2.cd 到项目文件，安装依赖，启动项目 1 # 进入项 阅读全文
posted @ 2024-07-22 17:15 durance 阅读(767) 评论(0) 推荐(0)
vue中v-if和v-show的区别
摘要：根据vue官方教程文档中的解释 v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下，v-show 就简单得多——不管初始条件是 阅读全文
posted @ 2020-08-14 10:53 durance
Vue的生命周期
摘要：每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。 很多时候我们希望能在这个过程中执行一些操作，于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作，便于我们更好地控制和使用实例。 下图是Vue生命周期图示： Vue的八大生命周期 <!DOCTYPE html 阅读全文
posted @ 2019-12-05 22:53 durance 阅读(590) 评论(0) 推荐(0)
搭建Vue脚手架(vue-cli)并创建Vue项目
摘要：1. 安装node.js Vue的脚手架是依赖于Node.js的，如果没有安装过Node的话需要先到Node.js官网上进行安装。 安装完成后，打开cmd窗口，输入 node -v 和 npm -v 来查看node.js和npm的版本，如果能够显示出版本，说明已经安装成功。 2. 安装淘宝镜像——c 阅读全文
posted @ 2019-12-03 22:00 durance 阅读(290) 评论(0) 推荐(0)