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

发表日期： 2021-01-26 15:28:41 浏览次数：135

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

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

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

vue.js框架是现在前端比较火的，使用也越来越多，本文介绍如何使用vue实现class类的切换，适用于所有的前端开发，详细的思路和代码如下。

工具/原料

vue.js
html编辑器sublime-text

方法/步骤

第一步，为了方便我们编写代码，我将使用html编辑器sublime-text进行代码的编写，详细如下图
第二步，创建一个html网页基础结构，然后想要使用vue.js这个框架，我们先引入vue.js，可以去官网下载或者引用在线的vue.js库，详细如下图
第三步，引入vue.js以后，我们简单说下我们要实现的例子的效果，
（有一个黑色的盒子，点击按钮黑色盒子变蓝色，再点击一次盒子，盒子变回黑色，然后如此循环。）详细的代码如下
，详细如下图
第三步，创建好以后，我们初始化一个vue实例，详细代码以及效果如下图
第五步，我们给按钮绑定一个事件@click，再然后把事件方法写在methods里面，详细如下图
第六步，我们创建了一个要切换颜色的类cgcolor，然后在data里面新建一个状态标签active，然后通过绑定calss用active来判断，详细如下图
第七步，最终效果如下，点击一下盒子变蓝色，再点变黑色，详细如下图