摘要:
. vue实例的生命周期 通俗来说 vue的生命周期就是vue实例从创建到销毁的过程,我将这个过程中的一些关键点抽取出来,简化为下面这个流程图: 生命周期 2. 结合生命周期理解钩子函数 vue2.0提供了一系列钩子函数,这些函数和生命周期的各个阶段一一对应: 生命周期和钩子函数 钩子函数描述 be 阅读全文
随笔分类 - vue.js知识点
[Vue]组件——.sync 修饰符实现对prop 进行“双向绑定”(子组件向父组件传值)
2020-07-31 14:27 by 天心PHP, 355 阅读, 收藏, 编辑
摘要:
一、同时设置1个 prop 1.以 update:my-prop-name 的模式触发事件,如对于title属性: this.$emit('update:title', newTitle) 2.然后父组件可以监听那个事件并根据需要更新一个本地的数据属性: <text-document v-bind: 阅读全文
vm.$attrs 【Vue 2.4.0新增inheritAttrs,attrs详解】
2020-07-30 17:21 by 天心PHP, 307 阅读, 收藏, 编辑
摘要:
1、vm.$attrs简介 首先我们来看下vue官方对vm.$attrs的介绍: 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以 阅读全文
(转)vue v-on修饰符
2020-07-29 15:00 by 天心PHP, 200 阅读, 收藏, 编辑
摘要:
1、stop 功能:阻止事件冒泡使用方法: <button v-on:click.stop="show">B</button> View Code 举例: <div id="app"> <div style="width: 100px;height: 100px;background-color: 阅读全文
Vue中的computed属性
2020-07-29 00:41 by 天心PHP, 270 阅读, 收藏, 编辑
摘要:
看了网上很多资料,对vue的computed讲解自己看的都不是很清晰,今天忙里抽闲,和同事们又闲聊起来,对computed这个属性才有了一个稍微比较清晰的认识,下面的文章有一部分是转自: https://www.w3cplus.com/vue/vue-computed-intro.html © w3 阅读全文
总体框架
2020-07-28 17:11 by 天心PHP, 257 阅读, 收藏, 编辑
摘要:
总体框架 一个vue-cli的项目结构如下,其中src文件夹是需要掌握的,所以本文也重点讲解其中的文件,至于其他相关文件,了解一下即可。 vue-cli项目总体结构 文件结构细分 1.build——[webpack配置] build文件主要是webpack的配置,主要启动文件是dev-server. 阅读全文
前端开发之走进Vue.js
2020-07-28 16:27 by 天心PHP, 194 阅读, 收藏, 编辑
摘要:
Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作。 文章将以PPT图片附加文字介绍的形式展 阅读全文