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

贵阳网站建设推广/龙华百度快速排名

目录

一、Nuxtjs安装

二、路由规则

三、公共布局

四、Vue3中TypeScript的使用


一、Nuxtjs安装

V2参考:Installation · Get Started with Nuxt安装 - NuxtJS | Nuxt.js 中文网Installation · Get Started with Nuxt

yarn create nuxt-app <项目名>

项目运行可以看到SSR渲染了

 项目结构中可以对其进行配置:

二、路由规则

见:路由 - NuxtJS | Nuxt.js 中文网

在Nuxtjs中以pages目录为页面目录,可以通过浏览器直接访问该目录下的页面。

如:动态路由用"_"+变量名

  

三、公共布局

新建layouts文件夹并创建default.vue文件为默认公共布局文件:

<template>  <div>    <div>default</div>    <nuxt/>  </div></template>

有用组件默认会使用default加载,所以此时default为全局公共,若要单独公共,可以创建如header.vue公共模板

<template>  <div>    header    <nuxt/>  </div></template>

 

四、Vue3中TypeScript的使用

见:TypeScript 支持 | Vue3中文文档 - vuejs

相关文章:

  • 威远移动网站建设/seo排名优化软件有用
  • 杭州微信网站制作/百度推广怎么登录
  • 网站制作平台/现在推广平台哪家最好
  • 网站搜索量查询/淘宝的17种免费推广方法
  • 厦门网站建设招标/标题优化
  • 网上做网站广告投放/蜜雪冰城推广软文
  • 网站建设佰首选金手指十三/我赢网seo优化网站
  • 郑州网站制作郑州网站制作/企业营销推广策划
  • 网络营销的网站建设/百度一下首页设为主页
  • 自己电脑做网站主机/站长工具网站推广
  • seo手机排名软件/seo网络贸易网站推广
  • 小程序网站开发运行合同/广州网站推广服务