- 博客(17)
- 收藏
- 关注
RSS订阅原创 Midjourney Web版现已限时免费开放：Midjourney Web详细使用教程
Midjourney Web 网站地址：https://www.midjourney.com/imagine几天前，Midjourney 官方发布了一段展示其全新 Web 版本的视频，首次揭示了这个在线编辑器的强大功能。如今，这个版本已面向所有用户开放，尽管还处于早期阶段，但为了吸引更多用户体验，它暂时是完全免费的。Midjourney 的这一举措不仅展示了其技术实力，也是对市场上日益增长的竞争压力，尤其是来自 Flux 的挑战，做出的强有力回应。
2024-08-22 12:05:38
492
原创 Nuxt3 路由中间件
Nuxt 3 中提供了一个路由中间件，它允许在路由跳转前或者路由跳转后执行一些代码，例如进行页面访问权限的验证、记录用户的访问记录等等。这个中间件可以理解为Vue Router 中的导航守卫(Navigation Guards)，同样有。如果中间件有多个，你也可以使用阵列来传入多个中间件，并且会依序执行这些路由中间件。就上以上第一个例子，用的就是具名的路由中间件，这里就不举例了。全局路由中间件，将会在每一次导航切换页面时执行。当我们要使用这个中间件时，可以在页面中使用。全局路由中间件，放置在。
2023-03-27 12:09:35
1146
原创 Nuxt3 的路由
的命名方式来定义一个动态路由。这个路由将会匹配到 http://localhost:3000/user/123，其中 123 是。除了根路径之外，你还可以在 pages/ 目录下创建其他文件来定义其他的路由。目录下创建了一个名为 index.vue 的文件，它定义了一个名为。动态路由可以让你使用参数来构建路由，这些参数可以在 URL 中使用。上一章讲页面的时候我们也提到了路由，现在我们来详细讲。并根据文件名从目录中创建的每个组件生成路由。在上面的示例中，我们将一个对象传递给。在上面的代码中，我们在。
2023-03-27 12:06:40
418
原创 Nuxt3的页面和组件
在 Nuxt3 中，页面是指应用程序中的路由页面，这些页面可以被搜索引擎索引并直接通过 URL 访问。NuxtPage需要显示位于目录中的顶级或嵌套页面pages/。的路由，可以通过访问 http://localhost:3000/about 来访问。，就可以直接访问：http://localhost:3000/about 不会报错。例如，如果你想要创建一个名为 about 的页面，可以在。目录来存放我们的组件。Nuxt3 不需要引入组件，当然你引入也没有问题。目录中的顶层页面或嵌套页面。
2023-03-27 11:59:17
320
原创 Nuxt3 安装配置Ant design Vue框架
然后，在浏览器中访问 http://localhost:3000/，您应该可以看到Nuxt3应用程序的默认欢迎页面。使用的 Vite，你可以使用 unplugin-vue-components 来进行按需加载。在nuxt.config.ts中引入。
2023-03-27 11:56:21
1062
1
原创 Vue2与Vue3的区别
模块内，你可以使用一些简化的语法来声明组件的 props、data、computed、methods 等内容，从而简化了组件的编写过程同时也提高了性能。从上述代码中可以看出，Composition API不再纠结于使用对象的形式来描述组件，而是把逻辑封装在函数中，在。函数替代Vue 2中的data，computed，methods等选项，提供更加灵活的组件逻辑组织方式。同时，Vue 3的数据响应也更加灵活，可以在嵌套的对象和数组中进行响应式。vue3中需要使用结构的形式进行操作，引入的是工厂函数。
2023-03-27 11:54:30
66
原创 详解什么是SSR?
在学习SSR之前，我们先来了解一下，什么是SPA。即单页面应用，一般也称为客户端渲染CSR（Client Side Render）。通俗点来说就是整个网站由一个HTML页面构成，所有的内容都是通过JavaScript动态加载和渲染的。用户在访问SPA站点时，页面只有第一次加载会进行资源请求，之后的操作都是通过AJAX异步请求获取数据并动态更新页面。
2023-03-27 11:53:21
809
原创 什么是Nuxt3？
Nuxt 3 是一个基于Vue.js的静态网站生成框架，可以让开发者使用Vue.js构建出高性能、SEO友好、可扩展的Web应用程序。Nuxt 3相较于前代Nuxt 2，是全新的版本，重写了很多核心代码部分，并增加了新的功能。基于Vite的构建：Nuxt3使用了基于Vite的构建系统，这使得开发者可以获得更快的开发和构建速度。改进的路由系统：Nuxt3的路由系统得到了重大改进，它支持动态路由和嵌套路由，并提供了更好的路由配置选项。
2023-03-27 11:51:50
2076
原创 Nuxt3 开发环境准备
在使用 Nuxt3 之前，需要安装 Node.js。并且nodejs版本要在16以上。如果没有安装nodejs的小伙伴，可以从官方网站https://nodejs.org/en/ 根据自己的平台选择下载长期稳定的Node.js版本，并按照安装向导完成安装过程。安装完成之后，我们可以通过检查nodejs版本来看是否正确安装nodejs检查是否正确安装了Node.js和npm，npx 是 Node.js 包管理工具 npm 5.2+ 版本中自带的一个命令行工具。如果正确安装了，它们将显示版本号。
2023-03-27 11:50:44
547
原创 Nuxt 3实战课程目标
通过本课程，您将会学习到Nuxt3的基础知识和/进阶开发的相关概念，编写和改进真实Nuxt3应用程序，并开发端到端的Vue.js应用，这个过程中，希望您能够发现您的兴趣并找到您的风格，成为一名更优秀的开发者。
2023-03-27 11:46:31
166
原创 6、vue3 对接注册接口
注册接口http://127.0.0.1:9903/register注册和登录的是一样的，这里我们先不写验证码，就做个简单的注册返回的：//reg.vue<template> <div class="login-page"> <div class="u-flex-col"> <div class="login-text"> <van-field
2021-08-05 15:50:56
248
原创 5、对接登录接口
登录接口http://127.0.0.1:9903/login接口返回的结果，以下是具体代码//login2.vue<template> <div class="login-page"> <div class="u-flex-col"> <div class="login-text"> <van-field v-model="state.phone" type="t
2021-08-05 15:37:38
85
原创 4、vue3.0的axios请求封装详情和接口统一管理
vue3和vue2的axios的封装是一样的，首先先引入axios。npm i axios --save在scr目录下，创建utils/axios.js文件,封装代码如下（根据自己api的返回请求进行封装）：//axios封装,utils/axios.jsimport axios from 'axios'import { Toast } from 'vant'import router from '../router'axios.defaults.baseURL = process.en
2021-08-02 16:42:32
549
1
原创 3、vue3.0的路由跳转和传参详情(开始登录页)
vue3.x中路由跳转中，我们依然可以使用router-link，但是不能使用this.$router。vue3.0新增API：useRouter和useRoute，也就是我们的编程式导航：router.push(location, onComplete?, onAbort?)下面来看我们的具体代码:<template> <div class="login-page"> <div class="u-flex-col">
2021-08-01 15:26:25
2469
原创 2、配置vue3路由
首先我们先去配置一下路由安装vue-router：npm install vue-router -savevue的路由有两种模式：hash模式：createWebHashHistory，history模式：createWebHistoryimport { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({ history: createWebHashHistory(),
2021-07-28 23:20:19
299
原创 1、项目搭建和框架的引用
一：创建工程目录vue create love-music二：安装Vant3npm i vant@next -S三：按需加载npm i babel-plugin-import -Dbabel.config.js 中添加配置：module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //... plugins: [ ['import', { libraryName: 'vant',
2021-07-28 23:14:30
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人