2022年9月4日
摘要: 计算属性computed 把computed中的方法当做属性使用,会返回一个数据供使用 什么是计算属性? 计算属性就是处理数据源中的数据,用于渲染 ,而且会监听计算属性中使用到的数据源,然后把计算的结果进行缓存; 如果监听的数据源发生了变化 才会重新计算 否则直接使用缓存的数据 语法: new Vu 阅读全文
posted @ 2022-09-04 21:01 香香鲲 阅读(1870) 评论(0) 推荐(0) 编辑
摘要: 组件 组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件供重复利用;把组件当做一种标签使用 ,用一次 它内部的代码就会完整的执行一次,就像是一个函数一样,使用组件就相当于在调用函数 ,实参就相当于组件的属性传值 组件基础(面试) 1.全局组件: 所有组件共同 阅读全文
posted @ 2022-09-04 21:01 香香鲲 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 生命周期函数 创建前后:beforeCreate() created() 挂载前后:beforeMount() mounted() 更新前后:beforeUpdate() updated() 销毁前后:beforeDestroy() destroyed() //钩子函数: 生命周期函数 (c语言中有 阅读全文
posted @ 2022-09-04 20:54 香香鲲 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 自定义指令 除了默认设置的核心指令( v-model 和 v-show 等),Vue 也允许注册自定义指令。 在Vue里,代码复用的主要形式和抽象是组件。 然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令 。 以一个input元素自动获得焦点为例,当页面加载时,使用 阅读全文
posted @ 2022-09-04 20:42 香香鲲 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 属性监听器watch 格式: var vm = new Vue({ el: '#app', data: {}, methods: { }, watch: { fn() {}, obj: { deep: true, handler: () => {} } } }) watch:{x(){}}中的方法名 阅读全文
posted @ 2022-09-04 20:33 香香鲲 阅读(111) 评论(0) 推荐(0) 编辑