vue.js是目前最火的三大前端框架之一，并且受欢迎程度以及使用者的增长速度是最高的。它是一款数据驱动、双向数据绑定的前端开发框架。
今天笔者来介绍一下vue.js中如何使用组件。
发表日期： 2021-01-23 08:52:38 浏览次数：292
廊坊网站建设【廊坊网站制作】廊坊微信公众号小程序开发价格、廊坊开淘宝店装修运营、廊坊网页设计公司费用、廊坊网络推广大概需要多少钱
廊坊市，河北省地级市，位于河北省中部偏东，北临首都北京，东交天津，南接沧州，西连保定，地处京津冀廊坊群核心地带、环渤海腹地。廊坊市辖两个区、两个县级市及六个县，总面积6429平方千米；2019年末，常住人口492.05万人。
廊坊市位于华北平原中东部，北起燕山南麓丘陵地区，南抵黑龙港流域，大部分为凹陷地区。廊坊市地处中纬度地带，属暖温带大陆性季风气候，四季分明。廊坊市地处海河流域中下游，素有“九河下梢”之称。境内有5条铁路干线，7条高速公路，10条国家和20条省级公路。廊坊地域曾涌现出西晋文学家张华、唐代诗人王之涣、北宋名相吕端、宋代文学家苏洵、元代名相史天泽、明代农民起义领袖刘六、刘七等人物。
2019年，廊坊市生产总值完成3196亿元，人均生产总值为66583元；城镇居民人均可支配收入40435元；农村居民人均可支配收入16865元。
vue.js是目前最火的三大前端框架之一，并且受欢迎程度以及使用者的增长速度是最高的。它是一款数据驱动、双向数据绑定的前端开发框架。
今天笔者来介绍一下vue.js中如何使用组件。
首先我们打开任意一款代码编辑器，笔者这里使用sublime，如图所示。打开后先新建一个vue test文件夹，然后在里面新建一个HTML文件，命名index1.html，并写入基本的HTML页面元素，在body里面写一个div标签。代码和效果如图所示。
然后我们需要下载vue.js的库并通过script标签引入，或者使用在线的链接引入进来，如图所示，这里用在线引入的方式。
接下来我们开始写vue.js代码，如图所示，在body的div里面再加一个h1标签，然后写一个script标签，并新建一个vue实例，h1标签的内容为vue实例里面定义的变量content。
这里的实例作为我们的主实例。
有了vue主实例后，我们就可以定义组件了。
如图所示，这里定义了一个全局组件，在index1.html的div中本来只有h1标签，现在调用了名为Itme的全局组件。
看一下效果，在123的下面显示了全局组件（子组件）的模板内容。
再来看一下，如何定义局部组件，把上一步的全局组件修改为局部组件：
如图所示，注意定义局部组件的写法，除了定义外，要在根实例里面写入components属性。
显示效果如图所示，同样显示了局部组件（子组件）的模板内容。
1 月 22 日消息，中兴通讯发布业绩快报称，2020 年第四季度，中兴通讯归属于上市公司普通股股东的净利润 16.55 亿元，同比增长 62.21%。
中兴2020年净利润为43.67亿元，同比下降15.18%
2020 年，中兴通讯全年营收 1013.79 亿元，同比增长 11.73%。归属于上市公司普通股股东的净利润 43.67 亿元，同比减少 15.18%，中兴称主要由于 2019 年第三季度资产处置带来一次性税前收益 26.62 亿元，较大增加 2019 年度净利润所致。
廊坊网站建设【廊坊网站制作】廊坊微信公众号小程序开发价格、廊坊开淘宝店装修运营、廊坊网页设计公司费用、廊坊网络推广大概需要多少钱
