vue2 知识点

于 2023-09-02 10:15:53 发布
阅读量67 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZZN_220/article/details/132634841
版权

计算属性

概念:基于现有的数据,计算出来新的属性.依赖的数据变化,自动重新计算.

语法:

1.声明在computed配置项中,一个计算属性对应一个函数

2.使用方法:  {{计算属性名}}

计算属性 VS 方法 Methods

计算属性是有缓存的,一旦计算出来结果,就会立刻缓存.  下一次读取 => 直接读取缓存 

Watch 监听器(监视器)

作用:监视数据变化,执行一些业务逻辑或异步操作.

Vue生命周期和生命周期的四个阶段

获取Dom元素

Watch 监听器(监视器)

作用:监视数据变化,执行一些业务逻辑或异步操作. 

ZZN_220
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 知识点.docx
01-05
Vue.js 知识点概述 在本文中，我们将对 Vue.js 进行详细的介绍，包括其定义、特性、优点、安装环境、项目搭建、Webpack 配置等方面的知识点。 什么是 Vue.js Vue.js 是一套构建用户界面的渐进式框架。与其他重量...
Vue知识点以及面试题
11-24
Vue知识点以及面试题
vue2知识点：事件处理
刘大猫
05-20 2044
文章目录一、事件的基本使用二、$event 对象三、事件的修饰符1）prevent2）阻止事件冒泡3）once4）capture5）self6）passive四、键盘事件(键值修饰符) 一、事件的基本使用 注意点1：定义事件函数时，普通函数this指代vue对象，而箭头函数中this指代Window对象。 注意点2：定义事件没参数小括号()可省略，但是用在插值表达式使用一个函数返回值就必须带小括号()，比如 全名：{{fullName()}}。 注意点3：不被vue所管理的函数那么请使用箭头函数。 代.
vue2知识点：数据代理
刘大猫
05-20 1445
文章目录一、何为数据代理二、vue中的数据代理三、回顾Object.defineProperty() 一、何为数据代理 数据代理：通过一个对象代理对另一个对象中属性的操作(读/写) let obj = {x:100} let obj2 = {y:200} Object.defineProperty(obj2, "x", { get() { return obj.x }, set(value) { .
Vue2知识点汇总—尚硅谷
weixin_50637054的博客
04-21 2633
Vue2知识点——尚硅谷
vue2知识点：混入mixins
刘大猫
05-27 2141
文章目录3.18混入 3.18混入 注意点1：所谓“混入”，就是把vue组件中共同的配置提取出来，单独用一个文件保存，比如叫mixin.js保存配置，使用时引入并配置即可使用。 注意点2： 问题：如何使用混入？ 答案：第一步引入，第二步配置mixins。 mixin.js export const hunhe = { methods: { showName(){ alert(this.name) } }, mounted() { console.log('你好啊！') .
【Vue】Vue2知识点总结
A Lucky Boy的博客
08-16 3186
Vue的基础概念Vue是什么什么是渐进式和框架什么是MVVM框架脚手架的使用全局安装脚手架/包查看版本创建项目进入项目根目录运行项目style中开启less功能插值表达式（小胡子语法）语法注意点指令v-bindv-onv-if 和 v-showv-ifv-showv-else 和 v-else-ifv-modelv-html 和 v-textv-forvue中高性能对比策略就地复用策略虚拟DOM对比策略-diff算法动态设置样式动态设置样式类动态设置行内样式计算属性侦听器侦听简单类型数据。...
vue2知识点：动态组件
刘大猫
05-26 1085
文章目录3.15.动态组件3.15.1使用方式举例：点击a标签下方切换不同组件3.15.2keep-alive 3.15.动态组件 使用<component>标签的is属性,动态绑定多个组件到一个挂载点,通过改变is绑定值,切换组件。 3.15.1使用方式 举例：点击a标签下方切换不同组件 <div id="app"> / <a href='#' @click.prevent="page='index'">首页</a> / <a hre.
vue2知识点：浏览器本地缓存
刘大猫
05-27 5042
文章目录3.21浏览器本地缓存3.21.1localStorage举例：写一个简单的针对本地存储增删改查的案例3.21.2sessionStorage方法同localStorage一样 3.21浏览器本地缓存 浏览器本地缓存实际是js的知识点，这里只是提一下加深下印象 分两种：localStorage和sessionStorage，它两统称webStorage 注意点1：localStorage对象和sessionStorage对象都是window对象下的，且方法都是一样的，默认”window.”可以省.
vue2知识点：nextTick语法
刘大猫
05-27 1161
文章目录3.24 nextTick语法 3.24 nextTick语法 说明：类似于定时器的功能 问题：什么场景会使用它呢？ 答案：举例我想有个input输入框，我还有个“编辑”按钮，如图1，如图2，点击“编辑”按钮input输入框就聚焦，失焦就修改成功输入框的值。如图3你想实现45行到50行代码执行完，页面模板就重新解析渲染更新数据，然后你执行52行代码输入框就聚焦了，但实际页面显示压根不聚焦为啥？因为vue会把整个方法都执行完才会去渲染更新DOM节点（为啥要这么设计？因为如果一个方法里面修改8个.
Vue 2.0 知识点总结
qq_45585640的博客
03-26 3828
Vue 2.0 知识点总结
vue2知识点：组件插槽分发
刘大猫
05-26 1427
文章目录3.14插槽分发3.14.1slot插槽举例3.14.2具名插槽举例3.14.3作用域插槽slot-scope3.14.4slot-scope版本更新 3.14插槽分发 父子组件使用时,有时需要将父元素的模板跟子元素模板进行混合,这时就要用到slot插槽进行内容分发, 简单理解就是在子模板定义中先占个位置等待父组件调用时进行模板插入。 3.14.1slot插槽 注意：在子组件模板定义中使用<slot>标签定义插槽位置，标签中可以填写内容，当父组件调用子组件且不传入内容时显示此<s.
vue 3.0 基础知识点
01-14
通过上述知识点的学习，我们可以了解到 Vue 3.0 在前端开发领域的重要性和应用价值。无论是指令、数据绑定还是组件通信等方面，Vue 3.0 都提供了强大的工具和机制，帮助开发者构建高效、可维护的前端应用程序。
vue相关知识点1
08-08
Vue.js 是一款流行的前端JavaScript框架，它以轻量级...以上只是Vue.js的部分知识点，实际上Vue还涉及到路由、插槽、混入、异步组件、过渡效果等诸多内容，理解并掌握这些知识点，将有助于构建出高效、健壮的前端应用。
vue知识点汇集 总结 回顾
10-27
下面将根据标题和描述，结合压缩包内的文件名称，对Vue的知识点进行详细梳理。 1. **基础概念** - **虚拟DOM**：Vue使用虚拟DOM作为数据和实际DOM之间的中间层，以提高性能和效率。 - **组件化**：Vue中的组件是...
Vue基础知识点附带实例
01-30
vue
Vue2自用模板.zip
12-09
以下是对该模板中涉及的关键知识点的详细解释： 1. **Vue2**: Vue.js 2.x是当前广泛使用的前端JavaScript框架，它提供了组件化开发、虚拟DOM、响应式数据绑定等功能，让Web应用的构建变得更加高效和简单。 2. **...
Vue核心知识点讲义.zip
最新发布
06-05
Vue的核心知识点涵盖了数据绑定、组件化、指令系统、计算属性、虚拟DOM、生命周期、路由、状态管理等多个方面。以下是对这些核心知识点的详细阐述： 1. **数据绑定**：Vue采用双向数据绑定，通过`v-model`指令连接...
整理下vue2知识点 要详细点
04-07
非常感谢您的提问。关于Vue2的知识点，以下是一些比较重要的内容： 1. Vue2的基本概念：包括指令、组件、生命周期等。 2. 模板语法：Vue2使用的是基于HTML的模板语法，可以方便地绑定数据、事件等。 3. 组件化开发：Vue2非常强调组件化开发，可以将整个应用拆分成多个组件，方便管理和复用。 4. 响应式原理：Vue2使用了响应式原理，可以实现数据的双向绑定，方便数据的动态更新。 5. 路由：Vue2提供了vue-router插件，可以方便地实现单页面应用的路由跳转。 6. 状态管理：Vue2提供了vuex插件，可以实现全局状态的管理，方便多个组件之间的数据传递。 以上是一些比较重要的Vue2知识点，当然还有很多细节和实践需要掌握。希望这些内容能够对您有所帮助。如果您有任何其他问题，欢迎随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值