![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 87
Vue学习
番茄好困
知道的越多,不会的越多
展开
-
Vue之路由(三)
Vue之路由路由就是页面顶部的hash地址对应组件之间的关系前端路由的工作方式1.用户点击路由链接2.页面顶部hash地址变化3.前端路由监听hash地址变化4.路由把hash地址对应的组件渲染到浏览器中1.Vue-routervue-router是Vue官方提出的路由解决方案,他只能结合Vue项目使用,不能在react项目中使用。能够轻松的管理SPA项目的组件的切换。路由的基本用法1.安装npm i vue-router@3.5.2 -S2.创建路由模块在src源代码目录下,原创 2022-02-07 23:09:20 · 549 阅读 · 0 评论 -
Vue之动态组件(二)
Vue之第二篇章学习(动态组件、插槽、自定义指令)1.动态组件动态组件指的是:动态的切换组件的显示与隐藏我们之前可以使用v-if来显示、隐藏组件,但是这样代码臃肿,冗余。我们这里用到Vue的内置组件《component》示例代码:<template> <div id="app"> <component :is="comName"></component> </div></template><scrip原创 2022-02-07 23:07:51 · 1156 阅读 · 0 评论 -
Vue之webpack(一)
Vue之webpack1.webpack概念前端规范:模块化、组件化、自动化、规范化为了实现前端项目工程化,webpack诞生,webpack是一种前端工程化的解决方案。npm install webpack@5.42.1 webpack-cli@4.7.2 -Dwebpack的手写过程就先看一遍,后面深入研究2.VueVue是一套用于构建用户界面的前端框架两个特点:1.数据驱动视图,数据一旦变化,视图就变化(页面会重新渲染)。数据驱动视图是单向的2.数据双向绑定,页面一旦变化,数据也原创 2022-02-07 23:07:25 · 569 阅读 · 0 评论