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

怎么做网站设计seo分析案例

怎么做网站设计,seo分析案例,美国成年做爰网站,企业年报网上申报流程1——beforeCreate:在内存中创建出vue实例,数据观测 (data observer) 和 event/watcher 事件配置还没调用(data 和 methods 属性还没初始化) 【执行数据观测 (data observer) 和 event/watcher 事件配置】 2——created&#xf…

在这里插入图片描述

1——beforeCreate:在内存中创建出vue实例,数据观测 (data observer) 和 event/watcher 事件配置还没调用(data 和 methods 属性还没初始化)

【执行数据观测 (data observer) 和 event/watcher 事件配置】

2——created:实例已完成数据观测 (data observer),property 和方法的运算,watch/event 事件回调。(data 和 methods属性完成初始化,还没开始编译模板,可以进行Ajax请求)

【在内存中编译模板】

3——beforeMount(服务器端渲染期间不被调用):模板编译完成,还没有挂载到页面中,相关的 render 函数首次被调用

【挂载模板到页面】

4——mounted(服务器端渲染期间不被调用):模板已挂载到页面中,真实的DOM渲染完成。—— 可以操作DOM了!

这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.$el 也在文档内。

mounted 不保证所有的子组件也都一起被挂载,所以如果希望等到整个视图都渲染完毕,需在 mounted 内部使用 vm.$nextTick

至此,实例结束创建期,进入运行期,等待数据发生变化。

【数据变化】—— 数据变化时,会触发beforeUpdate和updated,但一般用watch

5——beforeUpdate:状态更新之前执行此函数,此时data中的状态值是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染DOM节点

【更新页面】

6——updated:实例更新完毕后调用此函数,此时 data 中的状态值 和 界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了。

可用于子组件向父组件传递数据的变化

updated(){this.$emit('contentChange',this.content)
},

7——beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。—— 常在这里清除定时器和事件绑定

【销毁实例】

8——destroyed:Vue 实例销毁后调用。此时,Vue实例绑定的所有东西都会解绑,所有的事件监听器会被移除,所有的子实例也会被销毁

父子组件的生命周期顺序

  • 父组件 created
  • 子组件 created (外到内)
  • 子组件 mounted
  • 父组件 mounted (内到外)
  • 子组件 updated
  • 父组件 updated (内到外)
  • 子组件 destroyed
  • 父组件 destroyed (内到外)

范例代码

src\views\index.vue

<template><div><Child :num="num" /><button @click="add_num">+1</button></div>
</template><script>
import Child from "./child.vue";export default {components: {Child,},data() {return {num: 0,};},methods: {add_num() {this.num += 1;},},created() {console.log("父组件 created");},mounted() {console.log("父组件 mounted");},updated() {console.log("父组件 updated");},destroyed() {console.log("父组件 destroyed");},
};
</script>

src\views\menu\child.vue

<template><div>{{ num }}</div>
</template><script>
export default {props: {num: Number,},created() {console.log("子组件 created");},mounted() {console.log("子组件 mounted");},updated() {console.log("子组件 updated");},destroyed() {console.log("子组件 destroyed");},
};
</script>

在这里插入图片描述

http://www.yidumall.com/news/54147.html

相关文章:

  • wordpress 获取分类下的文章seo是什么岗位简称
  • 摄影网站设计百度公司电话是多少
  • 做论坛网站赚钱吗慈溪seo排名
  • 如何选网站建设公司网上电商平台开发
  • 网站建设滕州信息港性价比高seo排名
  • 门户网站的含义交换链接平台
  • 便宜的海外服务器seo关键词优化指南
  • 两学一做 网站源码sem优化是什么
  • 西宁网站建设哪家公司好app营销策略有哪些
  • 大型网站建设兴田德润实惠北京最新消息今天
  • 磁力下载seo网站关键词排名快速
  • wordpress开启多站点好处网站免费进入窗口软件有哪些
  • 群晖 多个wordpress福州seo排名优化公司
  • 专业网站建设微信官网开发渠道销售怎么找客户
  • 网站建设中upl连接seo网站管理
  • 杭州建设工程交易中心网站百度一下就知道官方网站
  • 深圳营销型网站seo中小企业网站制作
  • 手机网站建设合同windows系统优化软件排行榜
  • 网站开发软件搭配网站搜索排名查询
  • 活动列表 wordpressseo研究学院
  • 张家口做网站便宜点的建立一个网站需要花多少钱
  • 龙岗营销网站建设公司哪家好湖北荆门今日头条
  • 阐述建站流程百度竞价托管哪家好
  • 馀姚网站建设百度官方电话24小时
  • 做网站还是做app好新媒体运营怎么自学
  • 湛江做网站哪家好国外媒体报道
  • 网站建设 软件廊坊seo管理
  • 浙江杭州软件公司排名上海整站seo
  • 微信公众号网址谷歌seo外包
  • 自学做网站多长时间傻瓜式自助建站系统