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

发表日期： 2021-07-27 17:20:50 浏览次数：89

网站建设.jpg

肇庆，古称端州，广东省地级市。粤港澳大湾区重要节点城市、广州都市圈城市之一 [1] 、“广佛肇经济圈”、珠江—西江经济带的重要组成部分 [2] 。下辖端州区、鼎湖区、高要区，广宁县、德庆县、封开县、怀集县，代管四会市，设肇庆新区、肇庆高新区两个经济功能区。 [3] 全市行政区域总面积14891平方千米 [46] ，根据第七次人口普查数据，截至2020年11月1日零时，肇庆市常住人口为4113594人。 [45]

肇庆交通便捷，区位优势明显。东邻穗、深、港、澳，背靠祖国大西南，是经济发达地区通往西南各省的重要交通枢纽。风光秀丽，旅游资源丰富。肇庆城区的七星岩，素有“岭南第一奇观”的美誉；鼎湖山是国家级自然保护区。以星湖风景区为中心，沿西江、绥江溯江而上，盘龙峡、“天下第一石”、千层峰、广宁竹海大观、燕岩等景点次递展开，构成了千里旅游走廊的绚丽画卷。 [3]

肇庆是国家历史文化名城。从汉代到清代，肇庆多次成为岭南政治、经济和文化中心。肇庆是广府文化发祥地之一 [4] ，粤语的发源地，也是中原文化与岭南文化、西方文化与中国传统文化最早的交汇处。 [5-7] 隋朝开皇九年（589）置端州；宋政和八年（1118）设肇庆府；明嘉靖四十三年（1564）至清乾隆十一年（1746），肇庆是两广总督府驻地。 [3]

2020年，肇庆市地区生产总值为2311.65亿元，同比增长3.0% 。

微信公众号开发

Vue.js 组件 - 自定义事件

父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！

我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface)，即：

使用 $on(eventName) 监听事件
使用 $emit(eventName) 触发事件

另外，父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

以下实例中子组件已经和它外部完全解耦了。它所做的只是触发一个父组件关心的内部事件。

实例

<div id="app">
    <div id="counter-event-example">
      <p>{{ total }}</p>
      <button-counter v-on:increment="incrementTotal"></button-counter>
      <button-counter v-on:increment="incrementTotal"></button-counter>
    </div></div>
 <script>Vue.component('button-counter', {
  template: '<button v-on:click="incrementHandler">{{ counter }}</button>',
  data: function () {
    return {
      counter: 0
    }
  },
  methods: {
    incrementHandler: function () {
      this.counter += 1
      this.$emit('increment')
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    total: 0
  },
  methods: {
    incrementTotal: function () {
      this.total += 1
    }
  }
})</script>

商城小程序开发

如果你想在某个组件的根元素上监听一个原生事件。可以使用 .native 修饰 v-on 。例如：

<my-component v-on:click.native="doTheThing"></my-component>

data 必须是一个函数

上面例子中，可以看到 button-counter 组件中的 data 不是一个对象，而是一个函数：

data: function () {
  return {
    count: 0
  }}

这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝，如果 data 是一个对象则会影响到其他实例，如下所示：

实例

<div id="components-demo3" class="demo">
    <button-counter2></button-counter2>
    <button-counter2></button-counter2>
    <button-counter2></button-counter2></div>
 <script>var buttonCounter2Data = {
  count: 0
}
Vue.component('button-counter2', {
    /*
    data: function () {
        // data 选项是一个函数，组件不相互影响
        return {
            count: 0
        }
    },
    */
    data: function () {
        // data 选项是一个对象，会影响到其他实例
        return buttonCounter2Data
    },
    template: '<button v-on:click="count++">点击了 {{ count }} 次。</button>'
})
new Vue({ el: '#components-demo3' })</script>

尝试一下 »

自定义组件的 v-model

组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。

<input v-model="parentData">

等价于：

上一页：【金华微信小程序制作】金华微信公众号开发-金华微信公众号小程序购物直播社区团购商城-金华小程序商城搭建-金华微信公众号代运营公司-金华公众号托管外包-金华微信网站设计-金华推文软文编辑排版发布

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