摘要：
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- 阅读全文
posted @ 2023-12-03 17:12
煜火
阅读(36)
评论(0)
推荐(0)
摘要：
提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标，可以是 CSS 选择器，也可以是一个 HTMLElement 实例 阅读全文
posted @ 2023-11-23 21:57
煜火
阅读(96)
评论(0)
推荐(0)
摘要：
.prevent: 提交事件不再重载页面； .stop: 阻止单击事件冒泡； .self: 当事件发生在该元素本身而不是子元素的时候会触发； .capture: 事件侦听，事件发生的时候会调用 阅读全文
posted @ 2023-11-20 10:08
煜火
阅读(33)
评论(0)
推荐(0)
摘要：
在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候。 生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deact 阅读全文
posted @ 2023-11-19 10:50
煜火
阅读(296)
评论(0)
推荐(0)
摘要：
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状 阅读全文
posted @ 2023-11-17 16:51
煜火
阅读(83)
评论(0)
推荐(0)
摘要：
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope 阅读全文
posted @ 2023-11-16 18:24
煜火
阅读(65)
评论(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
煜火
阅读(135)
评论(0)
推荐(0)
摘要：
errorCaptured 是组件内部钩子函数，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 errorHandler 为全局钩子函数，使用 Vue.config.errorHandler 配置，接收参数与 e 阅读全文
posted @ 2023-11-14 09:52
煜火
阅读(116)
评论(0)
推荐(0)
摘要：
有两种方法可以监听路由参数的变化，但是只能用在包含<router-view />的组件内 第一种用侦听器监听 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种在路由守卫种监听 beforeRouteUpdate (to, from, next) { / 阅读全文
posted @ 2023-11-13 18:34
煜火
阅读(465)
评论(0)
推荐(0)
浙公网安备 33010602011771号