vue基础知识

自定义指令相关知识忘了好多，赶紧补充一下。 格式 比如：v-on:click.stop 自己怎么写指令呢？ 咱们写自定义指令本质是在写一个对象，这个对象内部有多个钩子函数， 具体参考官网文档 钩子函数

目标需求： 利用vue3+elementUI-plus实现 接口如下： (^▽^) 具体实现 第一步：创建项目 第二步：装需要的包 第三步：请求数据 3.1准备好API API的写法相对固定 3.2准

第一步:从vue解构你想要的内容 创建vue根实例 让数据成为响应式 ref和shallowref的区别 在vue3中，想讲数据转变为响应式，可以用到ref和shallowref这两个api，目的是使

路由守卫，顾名思义要写在路由里面，挂在路由实例router上 这次我们要实现这样的效果 如果用户试图通过地址栏访问未授权的管理员界面 我们要阻止跳转 使用router.beforeEach来注册全局守

第一步：全局引入自定义指令文件 新建文件夹directives，其内用index.js记录所有的自定义指令 然后在main.js内引入即可全局使用 第二步尝试写法 我们先写一个这样的自定义指令 然后找

本来我们配置路由的时候，会把1级路由和2级混着写，这样方便配置视图。 但是，为了更方便将我们的路由转换成侧边栏，我们需要将路由数据改写成层级明显的数组格式。 即父路由里面有个children属性，这个

假定我们有不同品类的各种商品，现在需要实现搜索功能，可以根据关键字搜索，也可以根据具体的品类进行搜索。 这里我们的思路是，当你改动条件框内的数据时候，数据同步到对应的参数中，当你点击按钮的时候，这些参

vuex是一个状态管理库，我们可以将各个组件中拿到的数据或者方法存入其中，后续拿取使用就很方面。 本次的登录案例很简单， 输入用户名、密码，经由后端接口验证通过后登录成功跳转其他界面。 同时token

父组件的数据写在标签中，子组件利用props接收，并且可以加上传入的限制。由于：绑定是单向的，所以后续父组件修改变量，子组件中的数据也会相应改变。 那么问题来了，如果子组件想要修改父元素的数据，如果实

为了让组件更容易拿到数据和方法，我们会使用到vuex插件。 Vuex是一个专为Vue.js应用程序开发的状态管理模式。 Vuex的核心是store（仓库），store基本上就是一个容器，它包含着你的应

一级视图：App.vue 一级路由：router > index.js 现在的需求是Login视图里面有2个跳转，一个跳转到AccountView，另一个跳转到CodeView! 说形象点，就是登录界

路由跳转 所谓的路由跳转，其实就是点击对应元素后，页面会跳转到我们提前设置的路由地址上。 template模版中可以设置路由跳转（有点像a标签），而在JS代码中我们还可以根据条件判断来设置路由跳转，这

为什么要用插槽？ 方便注入html结构，同时可以实现组件复用，同一类组件不必重复书写，只要每次注入不同的代码即可。 老版本命名：slot="名字" 新版本命名：v-slot:名字 注意 如果有多个插槽

Vue 组件是 Vue.js 框架中可复用的、自包含的模块。每个组件都包含了自己的HTML模板、CSS样式和JavaScript逻辑，能够方便地进行组合、扩展和重用，使得整个应用程序更加模块化和易于维