【建站服务】【湘潭开网店】湘潭淘宝网店页面设计-湘潭拼多多店铺搭建-湘潭亚马逊网店代运营公司-湘潭网店首页详情页设计托管外包-湘潭京东店招设计美工-湘潭网店主图设计排版-域名申请

日期： 2022-09-20 16:33:15 浏览数：3

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

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

网站建设.jpg

网页制作

湘潭，湖南省辖地级市，简称潭，因盛产湘莲而别称“莲城”，又称“潭城”。下辖湘潭县、韶山市、湘乡市、雨湖区、岳塘区五个县（市）区，湘潭市总面积5006平方千米，其中城区面积168.21平方千米，建成区面积79.2平方千米。 [46] 根据第七次人口普查数据，湘潭市常住人口为2726181人。 [50]

湘潭从南朝开始建县，距今已有1500多年，是湖湘文化的重要发祥地、中国红色文化的摇篮，有“小南京”、“金湘潭”的美誉。“湘中灵秀千秋水，天下英雄一郡多”，湘潭伟人、巨匠灿若星辰——蜀汉名相蒋琬，晚清重臣曾国藩，文化名人齐白石，一代领袖毛泽东、开国元勋彭德怀、著名将领黄公略、开国大将陈赓、谭政等都诞生于此。

湘潭是长江中游城市群成员、国家长株潭城市群“两型社会”综合配套改革试验区中心城市，曾获得中国优秀旅游城市、国家园林城市 [1] 、全国文明城市等荣誉 [2] 。2016年12月7日，湘潭被列为第三批国家新型城镇化综合试点地区。 [3] 2018年11月，入选中国城市全面小康指数前100名。2020年，湘潭市实现地区生产总值2343.1亿元。 [45] 2021年1月29日，入选湖南省人民政府公布的2020年度真抓实干成效明显的地区名单。

微信公众号开发

Vue.js 响应接口

Vue 可以添加数据动态响应接口。

例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。

实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。

实例

<div id = "app">
    <p style = "font-size:25px;">计数器: {{ counter }}</p>
    <button @click = "counter++" style = "font-size:25px;">点我</button></div><script type = "text/javascript">var vm = new Vue({
    el: '#app',
    data: {
        counter: 1
    }
});
vm.$watch('counter', function(nval, oval) {
    alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
});
setTimeout(
    function(){
        vm.counter += 20;
    },10000
);</script>

尝试一下 »

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。

Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。

如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局 Vue，Vue.set 和 Vue.delete 方法。

Vue.set

Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制，语法格式如下：

Vue.set( target, key, value )

参数说明：

target: 可以是对象或数组
key : 可以是字符串或数字
value: 可以是任何类型

实例

<div id = "app">
   <p style = "font-size:25px;">计数器: {{ products.id }}</p>
   <button @click = "products.id++" style = "font-size:25px;">点我</button></div><script type = "text/javascript">var myproduct = {"id":1, name:"book", "price":"20.00"};
var vm = new Vue({
   el: '#app',
   data: {
      products: myproduct
   }
});
vm.products.qty = "1";
console.log(vm);
vm.$watch('products.id', function(nval, oval) {
   alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
});</script>

尝试一下 »

商城小程序开发

在以上实例中，使用以下代码在开始时创建了一个变量 myproduct：

var myproduct = {"id":1, name:"book", "price":"20.00"};

该变量在赋值给了 Vue 实例的 data 对象：

var vm = new Vue({ el: '#app', data: { products: myproduct } });

如果我们想给 myproduct 数组添加一个或多个属性，我们可以在 Vue 实例创建后使用以下代码：

vm.products.qty = "1";

查看控制台输出：

如上图看到的，在产品中添加了数量属性 qty，但是 get/set 方法只可用于 id，name 和 price 属性，却不能在 qty 属性中使用。

我们不能通过添加 Vue 对象来实现响应。 Vue 主要在开始时创建所有属性。如果我们要实现这个功能，可以通过 Vue.set 来实现：

实例

<div id = "app"><p style = "font-size:25px;">计数器: {{ products.id }}</p><button @click = "products.id++" style = "font-size:25px;">点我</button></div><script type = "text/javascript">var myproduct = {"id":1, name:"book", "price":"20.00"};
var vm = new Vue({
   el: '#app',
   data: {
      products: myproduct
   }
});
Vue.set(myproduct, 'qty', 1);
console.log(vm);
vm.$watch('products.id', function(nval, oval) {
   alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
});</script>

尝试一下 »

从控制台输出的结果可以看出 get/set 方法可用于qty 属性。

Vue.delete

Vue.delete 用于删除动态添加的属性语法格式：

Vue.delete( target, key )

参数说明：

target: 可以是对象或数组
key : 可以是字符串或数字

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）