摘要：
vue组件通信方式 一、props(父向子传值 自定义属性) / $emit(子向父传值 自定义事件) 父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信。 1. 父组件向子组件传值(props) 下面通过一个例子说明父组件如何向子组件传递数据：在子组件articl 阅读全文
posted @ 2023-01-03 09:47
bb_xiaxia1998
阅读(47)
评论(0)
推荐(0)
摘要：
vuex是什么？怎么使用？哪种功能场景使用它？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 data 里面存放的数据是响应式的，vue 组件从 store 读取数据，若 阅读全文
posted @ 2023-01-02 10:37
bb_xiaxia1998
阅读(275)
评论(0)
推荐(0)
摘要：
Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后：首先Vue进行生命周期，事件初始化发生在beforeCreate生命周期函数前，然后进行数据监测和数据代理的初始化，也就是创建vm对象的过程，当vm对象创建完成就可以通过vm对象访问到劫持的数据，比如data中的数据，metho 阅读全文
posted @ 2023-01-02 10:36
bb_xiaxia1998
阅读(87)
评论(0)
推荐(0)
摘要：
vue-router中如何保护路由 分析 路由保护在应用开发过程中非常重要，几乎每个应用都要做各种路由权限管理，因此相当考察使用者基本功。 体验 全局守卫： const router = createRouter({ ... }) router.beforeEach((to, from) => 阅读全文
posted @ 2023-01-02 10:36
bb_xiaxia1998
阅读(39)
评论(0)
推荐(0)
摘要：
前言 有时候有些面试中经常会问到v-for与v-if谁的优先级高，这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model，我们在讨论什么?的基础上分析的，所以阅读下面内容之前可先看这篇文章。 继续从编译出发 以下面的例子出发分析： new Vue({ el:'#app', 阅读全文
posted @ 2023-01-02 10:35
bb_xiaxia1998
阅读(42)
评论(0)
推荐(0)
摘要：
Vue中封装的数组方法有哪些，其如何实现页面更新 在Vue中，对响应式处理利用的是Object.defineProperty对数据进行拦截，而这个方法并不能监听到数组内部变化，数组长度变化，数组的截取变化等，所以需要对这些操作进行hack，让Vue能监听到其中的变化。 那Vue是如何实现让这些数组方 阅读全文
posted @ 2022-12-20 11:45
bb_xiaxia1998
阅读(56)
评论(0)
推荐(0)
摘要：
一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function() 阅读全文
posted @ 2022-12-20 11:44
bb_xiaxia1998
阅读(30)
评论(0)
推荐(0)
摘要：
为什么要使用异步组件 节省打包出的结果，异步组件分开打包，采用jsonp的方式进行加载，有效解决文件过大的问题。 核心就是包组件定义变成一个函数，依赖import() 语法，可以实现文件的分割加载。 components:{ AddCustomerSchedule:(resolve)=>import 阅读全文
posted @ 2022-12-19 11:53
bb_xiaxia1998
阅读(44)
评论(0)
推荐(0)
摘要：
一、Vue3 与 Vue2 区别详述 1. 生命周期 对于生命周期来说，整体上变化不大，只是大部分生命周期钩子名称上 + “on”，功能上是类似的。不过有一点需要注意，Vue3 在组合式API（Composition API，下面展开）中使用生命周期钩子时需要先引入，而 Vue2 在选项API（Op 阅读全文
posted @ 2022-12-19 11:52
bb_xiaxia1998
阅读(112)
评论(0)
推荐(0)
摘要：
vue初始化页面闪动问题 使用vue开发时，在vue初始化之前，由于div是不归vue管的，所以我们写的代码在还没有解析的情况下会容易出现花屏现象，看到类似于{{message}}的字样，虽然一般情况下这个时间很短暂，但是还是有必要让解决这个问题的。 首先：在css里加上以下代码： [v-cloak 阅读全文
posted @ 2022-12-19 11:51
bb_xiaxia1998
阅读(158)
评论(0)
推荐(0)
浙公网安备 33010602011771号