绵阳市建设工程质监站网站如何通过WordPress 5.0调用API接口？

绵阳市建设工程质监站网站,wordpress5.0调用api接口,免费php网站源码,网站建设教程视频西瓜在认识vue3全家桶之前,先简单回顾一下vue2的全家桶 一.在vue2中#xff0c;全家桶技术栈 技术栈: vue2 vue-cli vuex3vue-router3webpack elementUI 1.vue-cli 脚手架构建vue项目#xff0c;CLI 服务是构建于 webpack 和 webpack-dev-server构建快速生成一个vue2的开发项…在认识vue3全家桶之前,先简单回顾一下vue2的全家桶 一.在vue2中全家桶技术栈 技术栈: vue2 vue-cli vuex3vue-router3webpack elementUI 1.vue-cli 脚手架构建vue项目CLI 服务是构建于 webpack 和 webpack-dev-server构建快速生成一个vue2的开发项目。 // 安装 vue/cl npm install -g vue/cli // 快速构建 my-project 项目 vue create my-projectnode环境要求 Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)2.vue-router 页面路由主要版本是4之前的版本 vue2项目直接安装: npm i vue-router默认安装最新版本,不兼容vue2,推荐指定特定版本安装 npm i vue-router3.5.23.vuex: 状态管理,vue2兼容版本目前是vuex3 npm i vuex34.UI组件库 pc组件库 element-ui iView Ant Design Boostrap ...移动端组件库 Vantui Mintui NuTUI ...二.在vue3中全家桶技术栈 技术栈:vue3 vite pinia(或者vuex4)vue-router4 elementPlus 1.项目脚手架 (1) 使用 Vite 来创建一个 Vue 项目,npm init vuelatest这个命令会安装和执行 create-vue它是 Vue 提供的官方推荐脚手架工具 npm init vuelatest npm init vue3 npm init vue2或者 npm create vue3 npm create vue2(2) Vue CLI方式和vue2构建方式一样,这样是依赖webpack构建,注意版本兼容 2.vue-router4 (1) 安装方式 npm install vue-router4 或者 yarn add vue-router4(2). 常用的API createRouter 建一个可以被 Vue 应用程序使用的路由实例。查看 RouterOptions 中的所有可以传递的属性列表 createWebHistory 创建一个 HTML5 历史即单页面应用程序中最常见的历史记录。应用程序必须通过 http 协议被提供服务 createWebHashHistory 创建一个 hash 历史记录。对于没有主机的 web 应用程序 (例如 file://)或当配置服务器不能处理任意 URL 时这非常有用。 注意如果 SEO 对你很重要你应该使用 createWebHistory import { createRouter, createWebHistory,createWebHashHistory } from vue-routerconst router createRouter({history: createWebHistory(),// history: createWebHashHistory(),routes: [{path: /,name: home,component: () import(../views/HomeView.vue)},{path: /about,name: about,component: () import(../views/AboutView.vue)}] })export default routeruseRoute 返回当前路由地址。相当于在模板中使用 $route。必须在 setup() 中调用 useRouter 返回 router 实例。相当于在模板中使用 $router。必须在 setup() 中调用。