当前位置: 首页 > news >正文

金华公司建站模板经典营销案例分析

金华公司建站模板,经典营销案例分析,wordpress 支持中文用户名,wordpress 图片路径加密如下是Vue3的生命周期函数图: 一、Vue2生命周期和Vue3声明周期的区别 1. Vue2 中,只要创建Vue实例对象而不需要挂载就可以实现beforeCreate 和 created 生命周期函数。 Vue3中必须要将Vue实例对象挂载完成,所有的准备工作做完,…

如下是Vue3的生命周期函数图: 

一、Vue2生命周期和Vue3声明周期的区别

1.  Vue2 中,只要创建Vue实例对象而不需要挂载就可以实现beforeCreate 和 created 生命周期函数。

Vue3中必须要将Vue实例对象挂载完成,所有的准备工作做完,才可以开始实现beforeCreate 和 created 生命周期函数。

2.  Vue2 我们销毁组件,触发的是beforeDestroy 和 destroyed 函数。

在Vue3中,我们销毁组件变为了卸载组件,实现的功能是一致的,不过只是称呼变了,触发的生命周期函数为beforeUnmount 和 unmounted。

二、Vue3生命周期的使用

(一)以配置项的形式调用

和Vue2中调用生命周期函数的方法一致,注意是与setup函数平级。

如下生命周期函数有不懂的,可以参考这篇文章:

Vue生命周期-CSDN博客

export default {name: "MyItem",setup() {},beforeCreate() {console.log("beforeCreate生命周期函数");},created() {console.log("created生命周期函数");},beforeMount() {console.log("beforeMount生命周期函数");},mounted() {console.log("mounted生命周期函数");},beforeUpdate() {console.log("beforeUpdate生命周期函数");},updated() {console.log("update生命周期函数");},beforeUnmount() {console.log("beforeUnmount生命周期函数");},unmounted() {console.log("unmounted生命周期函数");},
};

(二)以composition API 形式调用

以上的生命周期函数和composition API 对应形式如下:

beforeCreate ----> setup()

created ----> setup()

beforeMount ----> onBeforeMount

mounted ----> onMounted

beforeUpdate ----> onBeforeUpdate

updated ----> onUpdated

beforeUnmount ----> onBeforeUnmount

unmounted ----> onUnmounted

使用以上composition API 之前需要先对要使用的API按需引入:

 import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted } from "vue";

语法格式如下:

API (() => {  // 内部执行内容  })

import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted } from "vue";export default {name: "MyItem",setup() {onBeforeMount(() => {console.log("beforeMount生命周期函数");})onMounted(() => {console.log("mounted生命周期函数");})onBeforeUpdate(() => {console.log("beforeUpdate生命周期函数");})onUpdated(() => {console.log("update生命周期函数");})onBeforeUnmount(() => {console.log("beforeUnmount生命周期函数");})onMounted(() => {console.log("unmounted生命周期函数");})}
};
http://www.khdw.cn/news/25398.html

相关文章:

  • 网站建设登录注册怎么做seo标签怎么优化
  • 建设网站的市场背景黑帽seo寄生虫
  • 网站建设维护协议书软文写作的技巧
  • 武汉网站建设与制作服务百度指数预测
  • 专题网站建设方案网站可以自己建立吗
  • 哪个网站做图书广告好国内最新十大新闻
  • 江西智能网站建设活动推广朋友圈文案
  • 网站后台上传案例能同步到博客吗高端网站定制
  • 中期通网站建设免费创建网站软件
  • 网站备案 接入商名称发布新闻最快的网站
  • 比较好的外贸公司seo常用工具有哪些
  • 杭州制造业企业做网站青岛关键词排名哪家好
  • 汕头网站优化哪家好西安seo网络优化公司
  • 郑州企业网站优化公司网站cms
  • 党建网站 自身建设重庆seo顾问
  • 有没有网站建设的兼职如何注册百度账号
  • 电子商务网站的建设心得体会china东莞seo
  • 长春仿站定制模板建站营销软文网站
  • 织梦做网站也是模板吗常见的网络营销方式有哪几种
  • 做做网站seo tdk
  • 企业站seo点击软件搜索引擎营销方案例子
  • 中国建设部网站查询网技能培训班有哪些
  • 开发触屏版网站标签渠道推广有哪些方式
  • 无锡哪里有做网站搜索引擎收录
  • 网站建设推广保举火13星seo快速排名软件网址
  • 社保网站做员工用工备案吗搜索电影免费观看播放
  • 孝感做网站公司广州seo顾问
  • 赶集网做网站热线电话如何利用网络进行推广和宣传
  • 建网站的工具有哪些青岛seo排名收费
  • php网站忘记后台密码如何发布自己的网站