m0_51354601的博客

【代码】vue清除css全局默认样式插件。

在上面的代码中，我们使用axios库创建了一个api实例，并导出了两个接口调用方法：getUserInfo和login。在请求中，我们设置了跨域请求时发送cookie，设置了请求头的Content-Type为application/json;在上面的代码中，我们引入了getUserInfo接口调用方法，并在created钩子函数中调用该方法来获取用户信息。在获取成功后，我们将用户信息保存在组件的userInfo变量中，并在模板中进行展示。在vue中解决跨域问题，通常有两种方法：使用代理和使用jsonp。

【代码】基于上篇的后端接口，开发前端接口调用。

综上所述，watch适用于需要监听单个或多个变量的变化，并进行相应的操作，而computed适用于需要对一个或多个变量进行处理，并提供一个计算结果的场景。computed适用于需要对一个或多个变量进行计算或处理，并提供一个计算结果的场景。比如对数据进行筛选、转换等操作，或者计算某个值的平方、次方等。Vue的watch和computed都是用于数据的监控和处理，但是它们的使用场景有所不同。watch适用于需要监听某个变量的变化并执行相应的操作，比如异步请求数据、处理复杂逻辑等。

【代码】vue购物车功能实现增删改查。

【代码】vue的路由嵌套问题。

它接受state作为第一个参数，并提供计算属性的类似缓存的功能，避免了在每次访问属性时进行重复的计算。state是Vue.js应用程序中的所有组件共享的数据。通过定义State，我们可以避免祖辈和子孙组件之间的props和emit传递数据，使得组件之间的通信更加简单。每个模块拥有自己的state、getters、mutations、actions甚至是嵌套的子模块，便于管理和维护一个大型的应用。它们是同步的事务，确保写入state的变更是可追踪的，并且在开发者工具的时间旅行调试下能够清晰地记录变更。

【代码】elementui实现弹框输入。

vue中的路由默认时hash模式，使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。案例：用vue的嵌套路由实现一个Tab栏案例 要求页面刷新时，可以监测当前路由地址，从而切换tab栏当前项，每次页面更新，就监测路由地址，从而切换tab栏当前项，定义一个方法，专门用来判断当前路由地址。1、hash模式下，仅hash符号之前的内容会被包含在请求中，如 http://www.xxx.com, 因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回404错误；

在Vue中可以使用计算属性（computed）来实现监听搜索框输入数据的功能。这样就可以实现搜索框输入数据时显示搜索的数据，没有输入数据则显示全部数据的功能。方法过滤出符合条件的数据；如果没有输入数据，则返回全部数据。会根据搜索框的输入数据来过滤数据。如果搜索框有输入数据，则使用Array的。

在模板中，我们可以直接使用这些响应式对象和计算属性。Composition API：Composition API 是 Vue 3 中新增的一种组合式 API，它使得组件逻辑代码更加清晰、可读性更高，同时也更容易复用。Fragments：Fragments 是 Vue 3 中新增的一个特性，用于解决多个组件必须包含在一个父元素中的问题。Teleport：Teleport 是 Vue 3 中新增的一个组件，用于实现跨组件层级的 DOM 元素移动功能。

【代码】vue实现搜索方法，将搜索到的数据替换为原来的数据。