![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue基础入门到实战项目
文章平均质量分 95
临界点oc
这个作者很懒,什么都没留下…
展开
-
Vue从入门到实战Day12~14 - Vue3大事件管理系统
在线演示:https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835基地址:http://big-event-vue-api-t.itheima.net。原创 2024-05-28 16:27:21 · 1636 阅读 · 0 评论 -
Vue从入门到实战Day12
1. Pinia是用来做什么的?答:新一代的状态管理工具,替代vuex2. Pinia中还需要mutation吗?答:不需要,action既支持同步也支持异步3. Pinia如何实现getter?答:computed计算属性函数4. Pinia产生的Store如何解构赋值数据保持响应式?答:storeToRefs5. Pinia如何快速实现持久化?答:pinia-plugin-persistedstate。原创 2024-05-24 23:02:20 · 920 阅读 · 0 评论 -
Vue从入门到实战Day11
1. setup选项的执行时机?答:beforeCreate钩子之前 自动执行。2. setup写代码的特点是什么?答:定义数据 + 函数,然后以对象方式return。3. <script setup>解决了什么问题?答:经过语法糖的封装更简单的使用组合式API。4. setup中的this还指向组件实例吗?答:指向undefined。1. reactive和ref函数的共同作用是什么?答:用函数调用的方式生成响应式数据。答:①reactive不能处理简单类型的数据;原创 2024-05-24 19:36:21 · 1247 阅读 · 0 评论 -
Vue从入门到实战 Day08~Day10
说明:智慧商城项目,大部分页面,游客都可以直接访问,如遇到需要登录才能进行的操作,提示并跳转到登录。但是,对于支付页,订单页等,必须是登录的用户才能访问的,游客不能进入该页面,需要左拦截处理。说明1:所有的结算,本质上就是跳转到“订单结算台”,并且,跳转的同时,需要携带上对应的订单相关参数,具体需要哪些参数,基于“订单结算台”的需求来定。结果:在项目的根目录会自动创建一个文件夹`dist`,dist中的文件就是打包后的文件,只需要放到服务器中即可。原创 2024-05-23 22:42:04 · 856 阅读 · 0 评论 -
Vue从入门到实战Day07
目标:明确vuex是什么,应用场景,优势vuex是一个vue的状态管理工具,状态就是数据。大白话:vuex是一个插件,可以帮助我们管理vue通用的数据(多组件共享的数据)①某个状态在很多个组件来使用(个人信息)②多个组件共同维护一份数据(购物车)①共同维护一份数据,数据集中化管理;②响应式变化;③操作简洁(vuex提供了一些辅助函数)。原创 2024-05-21 19:09:41 · 1133 阅读 · 0 评论 -
Vue从入门到实战Day06
说明:router-link的两个高亮类名太长了,我们希望能定制怎么办?linkActiveClass: "类名1",linkExactActiveClass: "类名2"})项目创建步骤:①打开cmd,输入vue ui,打开Vue项目管理器界面②填写项目名称③预设选择“手动”④勾选Babel、Router、CSS、Linter四项⑤配置如下,然后创建项目,不保存为预设⑥创建完成⑦启动项目。原创 2024-05-17 21:44:01 · 628 阅读 · 0 评论 -
Vue从入门到实战Day04
Prop定义:组件上注册的一些自定义属性Prop作用:向子组件传递数据。原创 2024-05-11 10:11:37 · 692 阅读 · 0 评论 -
Vue从入门到实战Day03
①什么时候可以发送初始化渲染请求?答:越早越好,在创建阶段后②什么时候可以开始操作DOM?答:至少DOM得渲染出来,在挂载阶段结束后。:一个Vue实例从创建到销毁的整个过程。原创 2024-05-09 21:30:38 · 1119 阅读 · 0 评论 -
Vue从入门到实战Day02
通过“.”指明一些指令后缀,不同后缀封装了不同的处理操作 -> 简化代码如:keyup.enter -> 键盘回车监听.enter:Day01中的《小黑记事本》案列,实现在输入框回车即添加任务如:@click.left -> 左键监听如:@click.ctrl -> 监听Ctrl键.stop.prevent。原创 2024-05-09 10:22:38 · 827 阅读 · 0 评论 -
Vue从入门到实战Day01
概念:Vue是一个用于构建用户界面的渐进式 框架构建用户界面:基于数据动态渲染页面渐进式:循序渐进的学习框架:一套完整的项目解决方案,提升开发效率优点:大大提升开发效率(70%)缺点:需要理解记忆规则->官网Vue的两种使用方式场景:局部模块改造场景:整站开发。原创 2024-05-08 11:09:28 · 874 阅读 · 0 评论