nanci9的博客

Vue之路由 路由就是页面顶部的hash地址对应组件之间的关系 前端路由的工作方式 1.用户点击路由链接 2.页面顶部hash地址变化 3.前端路由监听hash地址变化 4.路由把hash地址对应的组件渲染到浏览器中 1.Vue-router vue-router是Vue官方提出的路由解决方案，他只能结合Vue项目使用，不能在react项目中使用。能够轻松的管理SPA项目的组件的切换。 路由的基本用法 1.安装 npm i vue-router@3.5.2 -S 2.创建路由模块 在src源代码目录下，

Vue之第二篇章学习（动态组件、插槽、自定义指令） 1.动态组件 动态组件指的是：动态的切换组件的显示与隐藏 我们之前可以使用v-if来显示、隐藏组件，但是这样代码臃肿，冗余。我们这里用到Vue的内置组件《component》 示例代码： <template> <div id="app"> <component :is="comName"></component> </div> </template> <scrip

Vue之webpack 1.webpack概念 前端规范：模块化、组件化、自动化、规范化 为了实现前端项目工程化，webpack诞生，webpack是一种前端工程化的解决方案。 npm install webpack@5.42.1 webpack-cli@4.7.2 -D webpack的手写过程就先看一遍，后面深入研究 2.Vue Vue是一套用于构建用户界面的前端框架 两个特点： 1.数据驱动视图，数据一旦变化，视图就变化（页面会重新渲染）。数据驱动视图是单向的 2.数据双向绑定，页面一旦变化，数据也