沛县网站建设【沛县网站制作】沛县微信公众号小程序开发价格、沛县开淘宝店装修运营、沛县网页设计公司费用、沛县网络推广大概需要多少钱

发表日期： 2021-01-26 15:07:36 浏览次数：84

沛县，简称“沛”，因古有“沛泽”而得名，江苏省徐州市下辖县，位于徐州市西北部，处于苏、鲁两省交界之地，东靠微山湖，西邻丰县，南接铜山区，北接山东省鱼台，处于华北平原的东南边缘和淮海经济区的西北部位。总面积1806平方公里，总人口130万（2016年）。2019年，沛县完成地区生产总值777.96亿元，增长6.0%。

沛县水脉纵横，是滨湖之城、绿色之都，沛城东距中国北方最大的淡水湖—微山湖不足5公里，拥有62公里湖岸线、400平方公里湖面。

沛县历史悠久、资源富集，是江苏省和华东地区的煤炭主产地，探明煤储量24亿吨，年产原煤1200万吨，占全省70%。沛县是首批全国文明县城、全国科技进步先进县。荣获全国百强县、全国工业百强县、国家园林县城、国家知识产权强县工程试点县、中国最佳生态旅游县等称号。

沛县水脉纵横，是滨湖之城、绿色之都，沛城东距中国北方最大的淡水湖—微山湖不足5公里，拥有62公里湖岸线、400平方公里湖面。

Vue学习之条件判断和列表渲染

方法/步骤

打开WebStorm开发工具，新建‘test.html’文件，将vue.js文件放在同个目录下，引入vue.js文件
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript" src="vue.js"></script>

</head>

<body>

</body>

</html>
在body内添加内容如下，使用v-if和v-else判断来决定最终显示在p标签的内容，代码如下：
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript" src="vue.js"></script>

</head>

<body>

<div id="app">

<p v-if="show">true时显示</p>

<p v-else>flase时显示</p>

</div>

<script>

var vue = new Vue({

el : "#app",

data:{

show:false

}

})

</script>

</body>

</html>
打开网页，显示内容如下图，只有false的显示
使用v-for显示一个数组，输出到列表标签，代码如下：
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript" src="vue.js"></script>

</head>

<body>

<div id="app">

<p v-if="show">true时显示</p>

<p v-else>flase时显示</p>

<ul>

<li v-for="item in myArr">{{item.content}}</li>

</ul>

</div>

<script>

var vue = new Vue({

el : "#app",

data:{

show:false,

myArr:[{id:1,content:"hello"},

{id:2,content:"world"}]

}

})

</script>

</body>

</html>
打开页面，查看效果如下,数据的content被显示出来
绑定一个事件响应，当点击时改变数组的content，这会及时的将变化后的
content显示在页面
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript" src="vue.js"></script>

</head>

<body>

<div id="app">

<p v-if="show">true时显示</p>

<p v-else>flase时显示</p>

<ul>

<li v-for="item in myArr" v-on:click="clickHandler(item)">{{item.content}}</li>

</ul>

</div>

<script>

var vue = new Vue({

el : "#app",

data:{

show:false,

myArr:[{id:1,content:"hello"},

{id:2,content:"world"}]

},

methods:{

clickHandler(item){

item.content = "change";

}

}

})

</script>

</body>

</html>
在页面点击可以看到改变的效果

1月25日消息据上海发布，《2021 年上海市为民办实事项目》（以下简称《项目》）正式公布。

《项目》中提出，2021 年，上海地区将新增 1 万个公共充电桩、15 个出租车充电示范站、10 个共享充电桩示范小区；为 500 个住宅小区新增电动自行车充电设施；为老旧小区内既有的 1000 个电动自行车集中充电场所加装消防设施。

此外，上海将推进郊区 32 条公交线路实现中途站点实时到站信息预报服务；在中心城区公共区域及道路新增 100 个出租车候客站点。

沛县网站建设【沛县网站制作】沛县微信公众号小程序开发价格、沛县开淘宝店装修运营、沛县网页设计公司费用、沛县网络推广大概需要多少钱

上一页：邳州网站制作【邳州企业网站制作】邳州做网站开发价格、邳州微信公众号设计运营、邳州网站设计公司费用、邳州网站推广大概需要多少钱

下一页：沛县网站制作【沛县企业网站制作】沛县做网站开发价格、沛县微信公众号设计运营、沛县网站设计公司费用、沛县网站推广大概需要多少钱

​沛县网站建设【沛县网站制作】沛县微信公众号小程序开发价格、沛县开淘宝店装修运营、沛县网页设计公司费用、沛县网络推广大概需要多少钱

方法/步骤

沛县网站建设【沛县网站制作】沛县微信公众号小程序开发价格、沛县开淘宝店装修运营、沛县网页设计公司费用、沛县网络推广大概需要多少钱