![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
文章平均质量分 92
前端学习@
坚持就是胜利
展开
-
前端路由、vue-router常见用法、路由重定向、动态路由匹配、声明式导航 & 编程式导航 、导航守卫
前端路由通俗易懂的概念:Hash 地址与组件之间的对应关系. 前端路由的工作方式① 用户点击了页面上的路由链接② 导致了 URL 地址栏中的 Hash 值发生了变化③ 前端路由监听了到 Hash 地址的变化④ 前端路由把当前 Hash 地址对应的组件渲染都浏览器中原创 2023-05-13 17:06:07 · 1371 阅读 · 2 评论 -
动态组件、插槽、自定义指令、Eslint和prettierrc配置、axios全局挂载
vue 中的自定义指令分为两类,分别是:⚫ 私有自定义指令在每个 vue 组件中,可以在 directives 节点下声明私有自定义指令。示例代码如下:使用自定义指令在使用自定义指令时,需要加上 v- 前缀。示例代码如下:为自定义指令动态绑定参数值在 template 结构中使用自定义指令时,可以通过等号(=)的方式,为当前指令动态绑定参数值:通过 binding 获取指令的参数值在声明自定义指令时,可以通过形参中的第二个参数,来接收指令的参数值:update 函数。原创 2023-05-12 15:16:03 · 1372 阅读 · 4 评论 -
生命周期、数据共享、ref引用、购物车案例
生命周期 & 生命周期函数生命周期(Life Cycle)是指一个组件从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。原创 2023-05-10 17:32:55 · 447 阅读 · 1 评论 -
过滤器(filter)、watch 侦听器 、计算属性 、axios、vue-cli 的使用 、vue组件化
vue组件化1. 组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。2. vue 中的组件化开发 vue 是一个支持组件化开发的前端框架。 vue 中规定:组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件。3. vue 组件的三个组成部分 每个 .vue 组件都由 3 部分构成原创 2023-05-05 18:04:39 · 1089 阅读 · 6 评论 -
vue2--1. 内容渲染指令 2. 属性绑定指令 3. 事件绑定 4. v-model 指令 5. 条件渲染指令
构建用户界面用 vue 往 html 页面中填充数据,非常的方便框架框架是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能!要学习 vue,就是在学习 vue 框架中规定的用法!vue 的指令、组件(是对 UI 结构的复用)、路由、Vuex、vue 组件库只有把上面老师罗列的内容掌握以后,才有开发 vue 项目的能力!① 能够知道 vue 的基本使用步骤⚫ 导入 vue.js 文件⚫ new Vue() 构造函数,得到 vm 实例对象。原创 2023-04-27 18:29:35 · 642 阅读 · 1 评论 -
◆ 前端工程化 ◆ webpack 的基本使用 ◆ webpack 中的插件 ◆ webpack 中的 loader ◆ 打包发布 ◆ Source Map
什么是 webpack概念:webpack 是前端项目工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。注意:目前 Vue,React 等前端项目,基本上都是基于 webpack 进行工程化开发的。原创 2023-04-26 10:21:19 · 585 阅读 · 3 评论