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

有没有可以做游戏的网站吗seo是什么意思 为什么要做seo

有没有可以做游戏的网站吗,seo是什么意思 为什么要做seo,网站建设_网站设计 app制作,wordpress主题配置修改答案:可以 创建项目: 按照链接参考或者按官方: webstorm 创建vue3 vite 项目-CSDN博客 项目目录 tsconfig.json 配置允许js allowJs指定是否编译js文件,在任意文件当中,如果我们模块使用js写的,那么我们需要 将all…

答案:可以

创建项目:

按照链接参考或者按官方:

webstorm 创建vue3 vite 项目-CSDN博客

 项目目录

tsconfig.json 配置允许js

allowJs指定是否编译js文件,在任意文件当中,如果我们模块使用js写的,那么我们需要

  将allowJs设置为true,默认为false,主要是在引入一个额外js之后防止路径错误才使用


{"compilerOptions": {//是否对js进行编译"allowJs": true}
}

打开项目之后创建一个新vue视图

login.vue

<template><div class="about"><h1>This is an Login page</h1><br/><el-divider/><h4>{{ msg }}</h4><el-button @click="handleClick">这个是el按钮</el-button></div>
</template>
<script setup>
const handleClick = () => {msg.value = msg.value + ',hello'alert('点了一下了55555~~~')
}
const msg = ref('hello')</script><style>
@media (min-width: 1024px) {.about {min-height: 100vh;display: flex;align-items: center;flex-direction: column;}
}
</style>

/router/index.ts 添加到路由

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'const router = createRouter({history: createWebHistory(import.meta.env.BASE_URL),routes: [{path: '/',name: 'home',component: HomeView},{path: '/about',name: 'about',// route level code-splitting// this generates a separate chunk (About.[hash].js) for this route// which is lazy-loaded when the route is visited.component: () => import('../views/AboutView.vue')},{path: '/login',name: 'login',component: () => import('../views/loginView.vue')}]
})export default router

App.vue里遍历路由展示所有的页面,包括上面的login.vue

<template><header><img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" /><div class="wrapper"><HelloWorld msg="You did it!" /><nav><RouterLink v-for="item of routes" :to="item" :key="item.name">{{ item.name }}</RouterLink></nav></div></header><!--RouterLink的跳转的页面内容将在RouterView显示--><RouterView />
</template>
<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import router from '@/router'const routes = router.options.routes
// console.log(router.options.routes)
</script><style scoped>
header {line-height: 1.5;max-height: 100vh;background-color: #bfc;
}.logo {/*display: block;*/display: none;margin: 0 auto 2rem 2rem;
}nav {width: 100%;font-size: 12px;text-align: center;margin-top: 2rem;
}nav a.router-link-exact-active {color: var(--color-text);
}nav a.router-link-exact-active:hover {background-color: transparent;
}nav a {display: inline-block;padding: 0 1rem;border-left: 1px solid var(--color-border);
}nav a:first-of-type {border: 0;
}@media (min-width: 1024px) {header {display: flex;place-items: center;padding-right: calc(var(--section-gap) / 2);}.logo {display: block;margin: 0 2rem 0 2rem;}header .wrapper {display: flex;place-items: flex-start;flex-wrap: wrap;}nav {text-align: left;margin-left: -1rem;font-size: 1rem;padding: 1rem 0;margin-top: 1rem;}
}
</style>
运行效果:

总结

vue3+vite + Typescript的项目,按官方创建的项目,也可以用纯JS开发新页面与新功能,只不过是跟项目TS混合一起 。

http://www.hrbkazy.com/news/19996.html

相关文章:

  • 怎么做电视台网站如何在百度上发自己的广告?
  • 网站建设全视频教程下载关键词优化公司哪家强
  • 网站建设价格费用企业线上培训课程
  • 网站建设销售怎么做女教师遭网课入侵直播录屏曝光8
  • 新农村建设 网站好f123网站
  • 辽阳网站制作哪个公司网站设计好
  • 网页设计建立站点实验报告查询网 网站查询
  • 矿业公司网站源码酒吧营销用什么软件找客源
  • 做网站从哪里买域名比较好的网站建设网站
  • 快速开发手机网站安仁网络推广
  • 自建网站备案短视频营销的特点
  • 网站域名注册商查询小程序开发教程
  • 利用图床做网站生成关键词的软件免费
  • 北京展览网站建设营销网
  • DW如何做明星的个人网站seo长沙
  • 怎么自己做网站挣钱网上代写文章一般多少钱
  • 崇文企业网站建设公司广告的六种广告形式
  • 企业邮箱收费标准长沙seo优化推广
  • 江西师范大学两学一做专题网站北京推广优化经理
  • 建站交流国内销售平台有哪些
  • 做网站销售有前景吗网站设计公司多少钱
  • 电子商务网站建设与维护方法宽带业务如何推广
  • 网站定制开发与模版培训网站排名
  • 在哪找可以做网站的搜狗网页版
  • 微信怎么做收费视频网站seo实训报告
  • 如何做自己的小说网站谷歌关键词搜索
  • 卖文具做网站好还是做电商好太原最新情况
  • wordpress建站博客园重庆seo论坛
  • 雷诺网站群建设谷歌浏览器 官网下载
  • 有了域名空间怎么做网站电子商务沙盘seo关键词