vue

<!-- 字符串 --> <router-link to="/home">Home</router-link> <!-- 渲染结果 --> <a href="/home">Home</a> <!--

目录 1.父组件向子组件通信 2.子组件向父组件通信 3.兄弟组件实时通信 1.父组件向子组件通信 父组件：Father 子组件：OneSon 效果： 2.子组件向父组件通信 子组件：OneSon 父

跨域的五种最常见解决方案 什么是跨域？ 跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。 值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数

首先，查看电脑的wifi，然后手机连接电脑的wifi 然后，win+r打开命令行工具 打开后输入ipconfig 找到 IPv4 地址 . . . . . . . . . . . . : 192.16

vue3 子组件监听父组件的数据 父组件传值给子组件，子组件监听父组件传来的值的变化 ## 父组件 ```js //searchKeyword 搜索的值 <van-search v-model="

css样式被覆盖 给className添加样式的时候，不生效，查看控制台发现，设置的样式被划掉了 解决方案 在需要设置的样式后面加上：important

```js const deduplicate = (itemName: string, thisName: string, nextName: string) => { const newArr =

vue3+ts+vant json数据转树结构并去重 效果图 后端返回数据结构 将数据转为树结构 页面布局 css样式

Vue路由守卫有哪些，怎么设置，使用场景等 vue中路由守卫 一、全局路由守卫 所谓全局路由守卫，就是小区大门，整个小区就这一个大门，你想要进入其中任何一个房子，都需要经过这个大门的检查 全局路由守卫

前言 面试提问： 数据更新了，但是视图未更新，通常有哪种情况，解决方案是什么 我还记不起来遇到过这种情况，所以百度了一下 有哪几种情况及解决方案 1、情况一：vue对象属性值数据视图实时更新 未更新原

事件修饰符 示例 v-model修饰符 示例 键盘事件修饰符 示例 修饰键（修饰符） .ctrl .alt .shift .meta 示例

问题：面试中遇到的问题，vue中路由跳转页面时，传参的方法有哪些 query： 1. 刷新页面，参数不会消失 2. query传参用path

Vue性能优化 1、Vue-Router路由懒加载 路由懒加载的含义： 把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件 2、v-if和v-for 不要将v-if和v-fo

安装Vue Router：npm install vue-router vue-Router是什么 vue Router是vue的官方路由 通过url进行实现切换页面的效果； 不会重新向服务器发送请求

什么是keep-alive 为什么要用keep-alive keep-alive有两个属性 使用场景 跳转到详情页面时，需要保持列表页的滚动条的深度及筛选条件等， 等返回的时候依然在这个位置，这样可以

# 方法一 ```js {{$store.state.name}} this.$store.state.name ``` # 方法二 mapState对象 ```js import { mapSta

vuex 辅助函数 当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 辅助函数帮助我们生成计算属性； mapState的几种写法使用 map

vuex是什么 vuex由什么属性构成 五个属性的作用 mutations和actions的区别 vuex如何做持久化存储 方法一 方法二 ===> 默认是存储在localStorage中 ===>

computed和watch的区别 computed： 有缓存 需要return结果 计算属性 一个数据受多个数据影响 默认第一次加载的时候就开始监听； watch： 没有缓存 不需要return结果

问题 父组件中beforCreate created beforeMount mounted四个生命周期，分别打印 1 2 3 4 子组件中beforCreate created beforeMoun