当前位置: 首页 > news >正文

一般电商网站做集群廊坊百度快照优化

一般电商网站做集群,廊坊百度快照优化,网站开发套餐,深圳坂田网站建设完成Vue Router 安装后,就可以使用路由了,路由的基本使用步骤,首先定义路由组件,以便使用Vue Router控制路由组件展示与 切换,接着定义路由链接和路由视图,以便告知路由组件渲染到哪个位置,然后…

完成Vue Router 安装后,就可以使用路由了,路由的基本使用步骤,首先定义路由组件,以便使用Vue Router控制路由组件展示与 切换,接着定义路由链接和路由视图,以便告知路由组件渲染到哪个位置,然后再项目中创建路由模块,最后导入并挂载路由模块。
接下来通过实际操作方式演示Vue Router使用方法。
1.定义路由组件

在src \components 目录下创建2个组件,分别为Home
组件和About组件,用于演示组件切换效果,文件名为Home.vue和About.vue

Home.vue文件代码如下:

<template><div class="home-container"><h3>Home组件</h3></div>
</template>
<style scoped>.home-container{min-height:150px;background-color:#f2f2f2;padding:15px;}
<yle>

About.vue文件代码如下:

<template><div class="home-container"><h3>Home组件</h3></div>
</template>	
<style scoped>.about-container{min-height:150px;background-color:#f2f2f2;padding:15px;}
<yle>

定义路由链接和路由视图

为了在页面中将路由对应的组件显示出来,还要在App组件中定义路由视图。路由视图标签定义,该标签会被渲染成当前路由对应组件,另外,为了方便在不同组件之间切换,可以通过标签定义路由链接,该标签的to属性表示链接地址,与路由匹配规则中的path属性对应。

在src\App.vue文件中定义路由视图以及Home组件和About组件路由链接,具体代码如下。

<template><div class="home-container"><h1>App根组件</h1><router-link to="/home">首页</router-link><router-link to="/about">关于</router-link><hr><router-view></router-view></div>
</template>	<style scoped>.app-container{text-align:center;font-size:16px;}.app-container a {padding:10px;color:#000;
}.app-container a.routerr-link-active{color:#fff;background-color:#000;
}
<yle>

上述代码:第4行通过to属性定义Home组件链接地址为“/Home”,与路由匹配规则中path属性值“home”对应,第7行代码使用标签渲染当前路由对应组件,19-22行代码用于激活路由链接设置高亮样式。

http://www.ds6.com.cn/news/17007.html

相关文章:

  • 环保设备网站怎么做网络营销公司好不好
  • 滕州公司做网站微信小程序怎么做
  • 官方网站开发公司网络营销总结
  • 网站建设制作浩森宇特seo如何提高网站排名
  • 网站建设设计总结宝塔建站系统
  • 大气网站模板免费下载怎么联系地推公司
  • 如何做好网络营销工作seo综合查询平台官网
  • 济南集团网站建设价格seo怎么收费的
  • 哪个网站可以做室内设计360网站收录
  • 做网站会被捉吗在线培训系统平台
  • 百度如何给网站做评价市场推广方案范文
  • 建站最少需要多少钱谷歌外贸平台
  • wordpress响应式网站模板下载蜘蛛seo超级外链工具
  • 淘宝客网站做好了该怎么做分享几个x站好用的关键词
  • 珠海网站设计seo的基本步骤包括哪些
  • 上海城乡住房建设部网站首页跨国网站浏览器
  • 电子商务网站运营广东省人大常委会
  • 做网站后期自己可以维护吗seo是指什么职位
  • 安庆网站制作网络营销形式
  • 常见购物网站功能手机优化什么意思
  • 做标记网站全球十大搜索引擎
  • 个人网站备案备注范文关键词优化排名要多少钱
  • 西安网站建设行业西安网站推广
  • 做网站要要多少钱网游推广
  • 芜湖市住房和城乡建设厅网站首页关键词优化公司电话
  • 如何建设独立的免费网站百度网址是多少
  • 建造网站需要多少钱网站建设山东聚搜网络
  • 做微网站的公司哪家好公司seo是什么级别
  • 宜昌市做网站的公司网站推广网站
  • 制作公司网站结构图国内手机搜索引擎十大排行