衡东网站优化【衡东开通400电话】衡东网站搭建、衡东微信公众号推文外包、衡东开通京东拼多多设计、衡东淘宝装修

发表日期： 2021-04-01 11:25:57 浏览次数：132

衡东县，隶属于湖南省衡阳市，位于湖南东部偏南，居湘江中游的衡阳盆地与醴攸盆地之间。东连攸县，南与安仁县、衡南县为邻，西部是50公里长、400米宽的湘江与衡山县隔水分界，北与渌口区接壤。该县森林覆盖率达到51%，是“全国造林绿化百佳县”。

有“鱼米之乡”、“皮影戏之乡”、“花鼓戏之乡”、“剪纸之乡”和“印章之乡”之称，是湖南省截止2014年唯一冠名的“土菜名县”。

2015年，根据衡东县乡镇区划调整方案，调整后下辖2乡15镇：踏庄、珍珠2个乡和城关镇成建制合并设立洣水镇。德圳、栗木、莫井3个乡和吴集镇成建制合并设立吴集镇。大桥镇、三樟乡成建制合并设立三樟镇。草市镇、高塘乡成建制合并设立草市镇。

本轮乡镇行政区划调整，衡东县共撤销7个乡级建制，现辖石滩、南湾2个乡，洣水、吴集、三樟、草市、大浦、新塘、霞流、甘溪、杨桥、荣桓、蓬源、石湾、白莲、杨林、高湖15个镇。县人民政府驻洣水镇（原县人民政府驻地）。

2016年末全县常住人口为63.82万人，全县实现地区生产总值261.70亿元，同比增长7.9%。

本章我们主要介绍一些 Vue 里常用的概念、语法和 API。

其实 Vue 以入门门槛低、对初学者友好而收获了一致的好评，在这种情况下，其实最新、最完整的语法和 API，当然是从官网上搜索最合适。而本章内容则配合一些对使用的理解和生动的实例，来让大家对 Vue 有更深刻的认知。

3.1　Vue 实例

讲 Vue 的基础，当然得先从实例说起。要怎么理解实例两个字？在 Vue 里，可以理解为每一个通过用 Vue 函数创建的，都是一个 Vue 实例：

// new Vue返回一个Vue实例var vm = new Vue({
  // 选项});复制代码

Vue 实例和 Vue 应用是什么关系呢？官方介绍：一个 Vue 应用由一个通过new Vue()创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。所以 Vue 实例是属于 Vue 应用的一部分，与组件树组成了 Vue 应用：

// 一个Vue应用，由根实例+组件树组成根实例└─ 根组件 // 此行开始，为组件树
   ├─ 组件1
   │  ├─ 组件1-1
   │  └─ 组件1-2
   └─ 组件2
      ├─ 组件2-1
      └─ 组件2-2复制代码

那组件又是什么呢？关于组件的介绍和使用，会在下一章介绍。

生命周期要怎么理解呢？结合前言中浏览器页面渲染的机制，以及《第 1 章　Vue 框架介绍》中 Vue 模板的解析和渲染的过程，我们知道在 Vue 中要渲染一块页面内容的时候，会有这么几个过程：

当我们绑定的数据进行更新的时候，又会产生以下这些过程：

当我们清空页面内容时，还有：

所以在整个页面或是某块页面内容（组件）中，Vue 提供了以下的一些关键的生命周期钩子：

表 3-1　Vue 生命周期说明

生命周期钩子	说明	对应上述步骤
`beforeCreate`	初始化实例前，`data`、`methods`等不可获取	1 之后，2 之前
`created`	实例初始化完成，此时可获取`data`里数据和`methods`事件，无法获取 DOM	2 之后，3 之前
`beforeMount`	虚拟 DOM 创建完成，此时未挂载到页面中，`vm.$el`可获取未挂载模板	3 之后，4 之前
`mounted`	数据绑定完成，真实 DOM 已挂载到页面，`vm.$el`可获取真实 DOM	4 之后
`beforeUpdate`	数据更新，DOM Diff 得到差异，未更新到页面	5 之后，6 之前
`updated`	数据更新，页面也已更新	6 之后
`beforeDestroy`	实例销毁前	7 之前
`destroyed`	实例销毁完成	7 之后

我们可以更新官方的生命周期图如下：

{%}

图 3-1　Vue 生命周期说明补充前半部分

{%}

图 3-2　Vue 生命周期说明补充后半部分

衡东网站优化【衡东开通400电话】衡东网站搭建、衡东微信公众号推文外包、衡东开通京东拼多多设计、衡东淘宝装修