发表日期： 2021-01-24 10:25:35 浏览次数：231
燕郊网站制作【燕郊企业网站制作】燕郊做网站开发价格、燕郊微信公众号设计运营、燕郊网站设计公司费用、燕郊网站推广大概需要多少钱
燕郊镇（Yanjiao Town）读作yān jiāo，隶属于河北省三河市西市区，北临三河市高楼镇，距市政府所在地三河市泃阳镇25千米，距北京市区30千米。西部与北京市通州区潞城镇、西集镇、宋庄镇隔潮白河相望。京秦铁路和京哈公路横贯东西。2018年开通的京秦高速直达北京东六环，2019年燕潮大桥直达通州徐尹路，镇政府驻行宫村。面积108平方公里，常住人口363809人（2017年） 。辖53个行政村和铁三局、普查队2个居委会。
燕郊地处河北、北京边界的一个三角地带。燕郊因春秋战国时期地处燕国城郊而得名，踞今已有3000多年的历史，有“天子脚下，御驾行宫”之美誉 。现辖55个村街、一个国家级经济技术开发区，总人口120余万人，幅员面积108平方公里。燕郊生态怡人，地貌平坦，气候宜人，风景秀丽。燕郊交通便捷，京秦、大秦电气化铁路横贯东西，北京930路、811至819路公交车直通镇区。燕郊镇内有中央部委直属单位50家，本中专院校6所，高校在校生6万人，拥有各类专业人才2万名。
燕郊高新技术开发区有各类企业234家，大专院校9所，国家级科研院所20个，驻区中省直单位34家。地处东经116度51，北纬39度53—39度57。
2018年10月，入选“2018年度全国综合实力千强镇前100名”。2019年10月，被评为2019年度全国综合实力千强镇。
vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。（自底向上设计方法是根据系统功能要求，从具体的器件、逻辑部件或者相似系统开始，凭借设计者熟练的技巧和丰富的经验，通过对其进行相互连接、修改和扩大，构成所要求的系统。）Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
什么是*.vue文件
首先，用 vue-cli 脚手架搭建的项目，已经遇到了很多，如 index.vue 或者 App.vue 这一的文件了。如果是初次接触 vue 开发的同学，可能之前没有见过这个东西。*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 <template>, <script> 和 <style>。这三个部分分别代表了 html,js,css。
其中 <template> 和 <style> 是支持用预编译语言来写的。比如，在项目中就用了 scss 预编译，因此，是这样写的：
html 也有自己的预编译语言， vue 也是支持的，不过一般来说，前端人员还是比较中意 html 原生语言。
另外，在 App.vue 文件中，已经用一句 @import "./style/style"; 将样式给写到指定的地方去了。所以，在后面所有的我的文章中，是不会出现这个部分的内容的。所有样式，都会在 src/style/ 文件夹中对应的位置去写。这样做的好处是，不需要重复的引入各种 scss 基础文件，并且做到了项目的样式代码的可管控。
*.vue 文件代码解析
首先，来简单看一下：
以上就是一个简单的 *.vue 文件的基本结构。我们一部分一部分的来解释。
template 部分
以下，不再称呼它为 *.vue 文件了。改成为 vue 组件。首先，一个 vue 组件， template 则代表它的 html 结构，相信大家可以理解了。但是需要注意的是，不是说把代码包裹在 <template></template> 中就可以了，而是必须在里面方置一个 html 标签来包裹所有的代码。 本例子中，采用了 <div></div>标签。
看到 <Header></Header> 这个代码的时候肯定很奇怪，这是个什么玩意儿。其实，这是一个自定义组件。我们在其他地方写好了一个组件，然后就可以用这种方式引入进来。同样 <Footer></Footer> 也是一个组件。
script 部分
首先，需要两个自定义组件，我们先引用进来。如下格式，比较好理解吧。
其次，除了引用的文件，我们将所有的代码包裹于如下的代码中间：
先引入了 Header 和 Footer 这两个组件的源文件，接下来，我们要把引用的组件给申明到 components 里面去。这样，我们就可以在 template 里面使用了。
data是数据演示代码，给了一个 list 的空数组数据。在 template 中，可以使用 this.list 来使用数据。这个后面的文章中会讲到，这里不去深入，认识它就可以了。
created 表示组件加载完成时，需要执行的内容。比如这里，让组件在加载完成时，执行一个叫 this.getData() 的函数。另外created是vuejs中的勾子函数之一。（具体的勾子函数请参考附录）
methods是这个组件的方法，也可以说是函数。比如，上面的代码就表示，组件自定义了一个叫 getData() 的方法函数。
tyle 部分
这里比较简单，就是针对 template 里内容出现的 html 元素写一些样式。如下，代码：
到这里应该对 vue 组件文件有了一定的认知。后面的博文中，将会涉及到比较多的各种写法，因此，建议在阅读完本文后，花比较多的时间，去查看 vue 的官方文档。虽然文档你不一定能全部看懂，但要有一个大概的认识，否则下面的学习将会比较困难。
附录
勾子，可以理解为vuejs的生命周期，而函数则是生命周期内各个阶段的事件方法。如下图
1 月 23 日消息 incoPat 本周早时候公布了《2020 年公告发明授权专利年报》，统计了去年获得国家知识产权局公告的专利，主要涵盖了计算、通信、测量、电气、医学等各技术领域。
该报告统计仅限于在国家知识产权局公告的专利，不限于国内企业与国外企业。
从分类来看，2020 年所公告的发明授权专利主要集中在 “计算；推算；计数”“电通信技术”“测量；测试”“基本电气元件”“医学或兽医学；卫生学”几大类。其中 “计算；推算；计数”方面腾讯申请量居首，阿里巴巴、OPPO、清华大学、浙江大学和北京航空航天大学等跻身前十。
燕郊网站制作【燕郊企业网站制作】燕郊做网站开发价格、燕郊微信公众号设计运营、燕郊网站设计公司费用、燕郊网站推广大概需要多少钱
