【湖州开网店】湖州淘宝网店页面设计-湖州拼多多店铺搭建-湖州亚马逊网店代运营公司-湖州网店首页详情页设计托管外包-湖州京东店招设计美工-湖州网店主图设计排版

发表日期： 2021-07-27 16:33:32 浏览次数：114

网站建设.jpg

湖州市是浙江省下辖地级市，是长江三角洲中心区27城之一 [1] 、环杭州湾大湾区核心城市、G60科创走廊中心城市，地处浙江省北部，浙苏皖三省交汇处，东邻嘉兴，南接杭州，西依天目山，北濒太湖，与无锡、苏州隔湖相望，是环太湖地区因湖而得名的城市。处在太湖南岸，东苕溪与西苕溪汇合处。下设2区3县，面积5820平方千米 [100] 。根据第七次人口普查数据，截至2020年11月1日零时，湖州市常住人口为3367579人。 [99]

湖州是一座具有2300多年历史的江南古城，建制始于战国，有众多的自然景观和历史人文景观，如莫干山、南浔古镇等。 [2] 湖州是国家历史文化名城 [3] 、国家森林城市 [4] 、国家园林城市 [5] 、国家卫生城市 [6-7] ，有双渎雪藕、太湖百合等土特产品，同时也是近代湖商的发源地。

2018年12月，被评为2018中国大陆最佳地级城市30强，2018中国最佳旅游目的地城市第20名。 [8]

2020年6月，经中央依法治国委入选为第一批全国法治政府建设示范地区和项目名单。 [9] 2020年7月，全国爱卫会确认湖州市为2019年国家卫生城市。 [10] 2020年-2021年度获得中国十大秀美之城。 [96] 2020年全市实现地区生产总值（GDP）3201.4亿元，同比增长3.3%。

微信公众号开发

ue.js 计算属性

计算属性关键词: computed。

计算属性在处理一些复杂逻辑时是很有用的。

可以看下以下反转字符串的例子：

实例 1

<div id="app">
  {{ message.split('').reverse().join('') }}</div>

尝试一下 »

实例 1 中模板变的很复杂起来，也不容易看懂理解。

接下来我们看看使用了计算属性的实例：

实例 2

<div id="app">
  <p>原始字符串: {{ message }}</p>
  <p>计算后反转字符串: {{ reversedMessage }}</p></div>
 <script>var vm = new Vue({
  el: '#app',
  data: {
    message: 'Runoob!'
  },
  computed: {
    // 计算属性的 getter
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('')
    }
  }
})</script>

尝试一下 »

实例 2 中声明了一个计算属性 reversedMessage 。

提供的函数将用作属性 vm.reversedMessage 的 getter 。

vm.reversedMessage 依赖于 vm.message，在 vm.message 发生改变时，vm.reversedMessage 也会更新。

computed vs methods

我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。

实例 3

methods: {
  reversedMessage2: function () {
    return this.message.split('').reverse().join('')
  }}

尝试一下 »

商城小程序开发

可以说使用 computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性。

computed setter

computed 属性默认只有 getter ，不过在需要时你也可以提供一个 setter ：

实例 4

var vm = new Vue({
  el: '#app',  data: {
    name: 'Google',    url: 'http://www.google.com'
  },  computed: {
    site: {
      // getter
      get: function () {
        return this.name + ' ' + this.url
      },      // setter
      set: function (newValue) {
        var names = newValue.split(' ')
        this.name = names[0]
        this.url = names[names.length - 1]
      }
    }
  }})// 调用 setter， vm.name 和 vm.url 也会被对应更新vm.site = '菜鸟教程 http://www.runoob.com';document.write('name: ' + vm.name);document.write('<br>');document.write('url: ' + vm.url);