黑马程序员vue学习笔记
文章平均质量分 97
黑马程序员vue学习笔记
峻峰耸立
这个作者很懒,什么都没留下…
展开
-
day07vue学习
目标:明确Vuex是什么,应用场景以及优势state: {count: 0},// 定义mutations})通过mutations修改state的步骤1.定义 mutations 对象,对象中存放修改 state 的方法2.组件中提交调用 mutations(通过$store.commit(‘mutations的方法名’))getters: {// getters函数的第一个参数是 state// 必须要有返回值,返回值就是getters的值// 下面的写法也是正确的。原创 2024-03-24 21:03:13 · 916 阅读 · 0 评论 -
day06vue2学习
router-link是什么?router-link怎么用?router-link的好处是什么?router-link 会自动给当前导航添加两个类名,有什么区别呢?router-link的两个高亮类名 太长了,我们希望能定制怎么办如何自定义router-link的两个高亮类名声明式导航跳转时, 有几种方式传值给路由页面?查询参数传参(多个参数)动态路由传参(一个参数,优雅简洁)编程式导航有几种跳转方式?编程式导航,如何跳转传参?1.path路径跳转query传参。原创 2024-03-23 12:26:10 · 720 阅读 · 0 评论 -
day05vue学习
内置指令:v-html、v-if、v-bind、v-on… 这都是Vue给咱们内置的一些指令,可以直接使用自定义指令:同时Vue也支持让开发者,自己注册一些指令。这些指令被称为自定义指令每个指令都有自己各自独立的功能概念:自己定义的指令,可以封装一些DOM操作,扩展额外的功能全局注册局部注册使用指令注意:在使用指令的时候,一定要先注册,再使用,否则会报错使用指令语法: v-指令名。如:注册指令时不用加v-前缀,但使用时一定要加v-前缀inserted:被绑定元素插入父节点时调用的钩子函数el原创 2024-03-19 11:47:30 · 905 阅读 · 0 评论 -
day04vue学习
style的默认样式是作用到哪里的?scoped的作用是什么?style中推不推荐加scoped?data写成函数并返回一个对象的目的是什么?目的:保证每个组件实例,维护独立的一份数据对象。解释:为了每一次在使用这个组件时,组件之间的data数据是相互独立的。如果不写成函数并返回一个对象,而是直接写成一个对象,到时候重复使用这个组件时会使用同一个data对象中的数据。而且如果不写成data函数,会直接报错。组件通信,就是指组件与组件之间的数据传递组件的数据是独立的。原创 2024-03-18 13:23:04 · 796 阅读 · 0 评论 -
day03vue学习
思考:什么时候可以发送初始化渲染请求?(越早越好)什么时候可以开始操作dom?(至少dom得渲染出来)Vue生命周期:就是一个Vue实例从创建 到 销毁 的整个过程。生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁1.创建阶段:创建响应式数据2.挂载阶段:渲染模板3.更新阶段:修改数据,更新视图4.销毁阶段:销毁Vue实例Vue生命周期过程中,会自动运行一些函数,被称为【生命周期钩子】→ 让开发者可以在【特定阶段】运行自己的代码四、生命周期钩子小案例1.在created中发送数据2.在mo原创 2024-03-13 23:17:35 · 1090 阅读 · 0 评论 -
day02vue学习
所谓指令修饰符就是通过“.”指明一些指令后缀 不同的后缀封装了不同的处理操作 —> 简化代码注意:如果不加 那么只要键盘按下了任意键就会触发绑定的事件。代码演示:3.v-model修饰符v-model.trim —>去除尾位空格v-model.number —>转数字 如果不是数字,会原封不动的返回,而不是返回 NaN。4.事件修饰符@事件名.stop —> 阻止冒泡@事件名.prevent —>阻止默认行为@事件名.stop.prevent —>可以连用 即阻止事件冒泡也阻原创 2024-03-13 22:55:18 · 985 阅读 · 0 评论 -
day01vue学习
概念:Vue (读音 /vjuː/,类似于 view) 是一套 **构建用户界面 ** 的渐进式框架基于数据渲染出用户可以看到的界面所谓渐进式就是循序渐进,不一定非得把Vue中的所有API都学完才能开发Vue,可以学一点开发一点所谓框架:就是一套完整的解决方案举个栗子如果把一个完整的项目比喻为一个装修好的房子,那么框架就是一个毛坯房。我们只需要在“毛坯房”的基础上,增加功能代码即可。提到框架,不得不提一下库。库,类似工具箱,是一堆方法的集合,比如 axios、lodash、echarts等。原创 2024-03-12 12:43:56 · 738 阅读 · 0 评论