自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 Vue小节八

目标:将目录调整成符合企业规范的目录1.删除多余的文件2.修改路由配置和 App . vue3.新增两个目录 api / utils① api 接口模块:发送 ajax 请求的接口模块② utils 工具模块:自己封装的一些工具方法模块。

2024-02-05 21:10:02 759 1

原创 Vue小节七

1 vuex 是一个 vue 的状态管理工具,状态就是数据。vuex 是一个插件,可以帮我们管理 vue 通用的数据(多组件共享的数据)2.场景:①某个状态在很多个组件来使用(个人信息)②多个组件共同维护一份数据(购物车)3.优势:①共同维护一份数据,数据集中化管理②响应式变化③操作简洁( vuex 提供了一些辅助函数)

2024-01-29 19:09:35 898

原创 Vue小节六

目标:将路由模块抽离出来。好处:拆分模块,利于维护。快速引入组件:基于@指代 src目录,从 src目录出发找组件。

2024-01-28 22:13:11 870 1

原创 Vue小节五

实际开发过程中,发送请求需要时间,在请求的数据未回来时,页面会处于空白状态需求:封装一个 v - loading 指令,实现加载中的效果分析:1.本质 loading 效果就是一个蒙层,盖在了盒子上2.数据请求中,开启 loading 状态,添加蒙层3.数据请求完毕,关闭 loading 状态,移除蒙层实现:1.准备一个 loading 类,通过伪元素定位,设置宽高,实现蒙层2.开启关闭 loading 状态(添加移除蒙层),本质只需要添加移除类名。

2024-01-28 19:17:35 1270 1

原创 Vue小节四

props :{校验的属性名:类型// Number String Boolean...},props :{校验的属性名:{type:类型,// Number String Booleanrequired: true ,//是否必填default:默认值,//默认值//自定义校验逻辑return 是否通过校验}},

2024-01-25 20:36:47 1699 1

原创 工程化开发和脚手架Vue CLI

VUE - DEMO|- node _ modules 第三包文件夹|- public 放 html 文件的地方favicon . ico 网站图标index . html index . html 模板文件③|- src 源代码目录→以后写代码的文件夹assets 静态资源目录→存放图片、字体等components 组件目录→存放通用组件。

2024-01-24 20:24:18 1609 1

原创 生命周期及其应用

生命周期:一个Vue实例从创建到销毁的整个过程生命周期的四个阶段:创建、(发送初始化渲染请求)、挂载、操作dom、更新、销毁。

2024-01-23 20:27:08 441 1

原创 Watch

2immediate:true 初始化立刻执行一次handler方法。1deep:ture 对复杂类型深度监视。作用:监视数据变化(可用于翻译功能)一、watch侦听器(监视器)简单:简单类型数据,直接监视。完整:添加额外配置项。

2024-01-23 15:46:23 467 1

原创 指令的补充

1.渲染功能(不及格高亮)2.删除功能点击传参 filter过滤覆盖原数组.prevent阻止默认行为3.添加功能v-model v-model修饰符(.trim .number)unshift修改数组更新视图4.统计总分,求平均分计算属性 reduce求和。

2024-01-22 21:59:28 766

原创 Vue指令

目录目录v-htmlv-showv-onv-bindv-forv-for中的keyv-model案例。

2024-01-22 19:46:26 341

原创 Vue的笔记~~~

关键字:用数据动态渲染,规则。

2024-01-21 22:06:37 362

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除