摘要：
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状 阅读全文
posted @ 2023-11-17 16:51
煜火
阅读(80)
评论(0)
推荐(0)
摘要：
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope 阅读全文
posted @ 2023-11-16 18:24
煜火
阅读(59)
评论(0)
推荐(0)
摘要：
在 components 目录新建你的组件文件（indexPage.vue）, script 一定要 export default {} 在需要用的页面（组件）中导入：import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co 阅读全文
posted @ 2023-11-15 10:12
煜火
阅读(16)
评论(0)
推荐(0)
摘要：
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中清除， beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } 阅读全文
posted @ 2023-11-14 19:15
煜火
阅读(130)
评论(0)
推荐(0)
摘要：
errorCaptured 是组件内部钩子函数，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 errorHandler 为全局钩子函数，使用 Vue.config.errorHandler 配置，接收参数与 e 阅读全文
posted @ 2023-11-14 09:52
煜火
阅读(112)
评论(0)
推荐(0)
摘要：
有两种方法可以监听路由参数的变化，但是只能用在包含<router-view />的组件内 第一种用侦听器监听 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种在路由守卫种监听 beforeRouteUpdate (to, from, next) { / 阅读全文
posted @ 2023-11-13 18:34
煜火
阅读(455)
评论(0)
推荐(0)
摘要：
给组件命名有两种方式，一种是使用链式命名 my-component，一种是使用大驼峰命名MyComponent, 在字符串模板中<my-component></my-component> 和<MyComponent></MyComponent>都可以使用，在非字符串模板中最好使用<MyCompone 阅读全文
posted @ 2023-11-13 10:31
煜火
阅读(536)
评论(0)
推荐(0)
摘要：
Vue中 name 有什么作用？ 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象？ 组件中 data 是 V 阅读全文
posted @ 2023-11-10 14:19
煜火
阅读(63)
评论(0)
推荐(0)
摘要：
1、父组件向子组件传递数据 父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数，父组件监听使用@（v-on）进行监听，然后进 阅读全文
posted @ 2023-11-09 10:18
煜火
阅读(20)
评论(0)
推荐(0)
摘要：
组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题 分析需求：确定业务需求，把页面中可以复用的结构，样式以及功能，单独抽离成一个文件，实现复用 具体步骤：使用 Vue.extend 方法创建一个组件，然后使用 Vue.compon 阅读全文
posted @ 2023-11-08 18:26
煜火
阅读(13)
评论(0)
推荐(0)
浙公网安备 33010602011771号