衡东400电话申请开通【衡东企业网站建设】衡东微信公众号小程序开发运营价格、衡东微信公众号APP软件客户端设计运营、衡东网页页面设计公司费用、衡东公司网站制作方案流程改版维护大概需要多少钱

衡东400电话申请开通【衡东企业网站建设】衡东微信公众号小程序开发运营价格、衡东微信公众号APP软件客户端设计运营、衡东网页页面设计公司费用、衡东公司网站制作方案流程改版维护大概需要多少钱

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

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

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

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

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

3.2.2　过滤器

Vue 中可以自定义过滤器，可被用于一些常见的文本格式化，支持全局定义和组件中定义。

// 全局定义// 千分位处理Vue.filter('thousandth', function (value) {
  if (!value) return '';
  return value && value.toString().replace(/^(-?\d+?)((?:\d{3})+)(?=\.\d+$|$)/, function (all, pre, groupOf3Digital) {
    return pre + groupOf3Digital.replace(/\d{3}/g, ',$&')
  });})// 局部定义// 乘以倍数filters: {
  multiply: function (value, times) {
    if (!value) return '';
    return value * ( parseInt(times) || 1);
  }}复制代码

过滤器可以用在两个地方：双花括号插值和v-bind表达式。

<!-- 在双花括号中 -->{{ number | thousandth }}<!-- 在 `v-bind` 中 --><div v-bind:text="number | thousandth"></div><!-- 支持串联，可接受传参 -->{{ number | multiply(1000) | thousandth }}复制代码

3.2.3　事件绑定

可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码，可用@缩写。

<template>
  <button v-on:click="addCounter">Add 1</button>
  <!-- 以下为缩写 -->
  <button @click="addCounter">Add 1</button>
  <p>The button above has been clicked {{ counter }} times.</p></template><script>
  export default {
    data() {
      return {
        counter: 0
      };
    },
    methods: {
      addCounter() {
        this.counter += 1;
      }
    }
  };</script>复制代码

事件修饰符

Vue 为v-on提供了事件修饰符：

表 3-4　v-on事件修饰符

使用方式很简单，在绑定事件后面加上修饰符就可以：

<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- Alt + C --><input @keyup.alt.67="clear" />复制代码

3.3　计算属性和侦听器

computed和watch大概是 Vue 里除了data、methods、props之外，用的最多的选项了。前面我们也讲了很多次，Vue 中数据变更之所以能更新到页面里，因为对data执行 getter/setter 转化，然后进行侦听。而computed和watch属性都是基于此，我们看看一个Watcher是怎样的：

export default class Watcher {
  vm: Component;
  expression: string;
  cb: Function;
  id: number;
  deep: boolean;
  user: boolean;
  lazy: boolean;
  sync: boolean;
  dirty: boolean;
  active: boolean;
  deps: Array<Dep>;
  newDeps: Array<Dep>;
  depIds: SimpleSet;
  newDepIds: SimpleSet;
  before: ?Function;
  getter: Function;
  value: any;

  constructor (
    vm: Component,
    expOrFn: string | Function,
    cb: Function,
    options?: ?Object,
    isRenderWatcher?: boolean
  ) {
    // 初始化
  }

  // 计算getter，重新收集依赖
  get () { //... }

  // 添加依赖
  addDep (dep: Dep) { //... }

  // 清理依赖集合
  cleanupDeps () { //... }

  // 订阅接口，将在依赖项更新时调用
  update () { //... }

  // 调用接口，将被调配者调用
  run () { //... }

  // 该watcher的所有依赖
  depend () { //... }

  // 从所有依赖项的订户列表中删除自己
  teardown () { //... }}复制代码

计算属性和侦听器都离不开数据监听。

3.3.1　computed

有时候我们需要对绑定的数据进行一些处理，通常使用前面说过的插值的 Javascript 表达式、过滤器都可以处理完毕，但有些时候需要稍微复杂一点的逻辑计算，这种情况我们可以使用计算属性。计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，计算属性支持读取设置：

var vm = new Vue({
  data: { a: 1 },
  computed: {
    // 仅读取
    aDouble: function() {
      return this.a * 2;
    },
    // 读取和设置
    aPlus: {
      get: function() {
        return this.a + 1;
      },
      set: function(v) {
        this.a = v - 1;
      }
    }
  }});vm.aPlus; // => 2vm.aPlus = 3;vm.a; // => 2vm.aDouble; // => 4

衡东400电话申请开通【衡东企业网站建设】衡东微信公众号小程序开发运营价格、衡东微信公众号APP软件客户端设计运营、衡东网页页面设计公司费用、衡东公司网站制作方案流程改版维护大概需要多少钱