
Vue
文章平均质量分 58
东宇科技
2005年接触编程。现在维护的项目有2个,一个是JavaSpringBootSeed.一个是PHPtp5。
展开
-
Nuxt3开发项目模版
npm i -g pnpmpnpm dlx nuxi init nuxt3-appcode nuxt3-apppnpm install --shamefully-hoistpnpm run dev -- -o // start your nuxt app in development mode:有人说Nuxt干嘛的,官方是这样说: Nuxt的目标是让web开发变得直观、高效,同时考虑到良好的开发体验。所以你看nuxt3用的还是vite.现在...原创 2022-04-12 16:04:39 · 989 阅读 · 0 评论 -
一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia
首先下载我这个资源。没有分的留邮箱免费发。vite-vue-ts精简模版集成pinia+svg+router+@src-Typescript文档类资源-优快云下载本源码已经调试通过集成Vite-vue-ts集成pinia+svg+router+@srca更多下载资源、学习资料请访问优快云下载频道.https://download.youkuaiyun.com/download/ldy889/85018930解压后,npm i 如下图。npm run dev 后能看见这些图标,说明我们可以开始继续了.原创 2022-03-29 18:01:34 · 2383 阅读 · 1 评论 -
vue3动态路由add-Route添加多个路由。
const about = { //接口返回路由信息 path: '/about', name: 'About', component: () => import('./views/About.vue')};router.addRoute(about); //添加到路由添加多个的话就需要遍历了。它本身其实是数组。这里我们只需要component的内容。function routerPackag(routers:any) { if (routers) ...转载 2022-03-29 17:57:44 · 5781 阅读 · 0 评论 -
Vue3+typescript完成一个动画列表排序
本案例会一部一步的完成 vue3+typescript 的代码。首先看下需求:界面图中: 点击排序按钮,下面的List会重新排序。步骤1、先创建一个新的项目。npm create vite@latest vue-typescript -- --template vue-ts cd vue-typescript && npm i && npm run dev,出现下面画面,说明搭建成功了。修改app.vue<templa...原创 2022-03-24 18:04:53 · 1561 阅读 · 0 评论 -
vite-vue-ts精简模版集成pinia+svg+router+@src
话不多说,先创建vue-ts模版,npm create vite@latest my-vite-vue-ts -- --template vue-ts安装其他依赖:npm i vue-router sass sass-loader pinia element-plus axios @element-plus/icons-vue fast-glob vite-plugin-svg-iconsnpm install --save @types/nprogress...原创 2022-03-22 16:12:28 · 1176 阅读 · 0 评论 -
Vue3官方文档的案例集合,备查。
Vue3的官方文档有8个部方面:1基础,2深入组件,3过度动画,4可复用组合,5高阶指南,6工具,7规模化,8无障碍 个部分.1、基础:安装方式: CDN 下载js npm CLI构建 大多数情况下,我们更倾向于使用 Vue CLI 来创建一个配置最小化的 webpack 构建版本。 发布地址:npm@next V3.2.31core/CHANGELOG.md at main · vuejs/core · GitHub🖖 Vue.js is a progress...原创 2022-03-21 15:28:03 · 2520 阅读 · 0 评论 -
Vue 3 + TypeScript + Vite + pinia + element-plus + vue-routes 一步步带你刷出个完整后台系统
一、先看下我的前一篇vue+pinaia .代码都在文里了。Pinia,Vue生态里Vuex的代替者_东宇科技的博客-优快云博客我们通过创建一个简单的demo,来认识下pinia .....安装创建项目npm init vite@latestnpm install pinia....引用storeimport { createPinia } from 'pinia' const pinia = createPinia()const app =createApp(App) app.use(pinia)ap.原创 2022-03-17 18:07:36 · 3722 阅读 · 1 评论 -
Vite + pinia+ ts +vue3 + vue-routes 笔记
1、 按照官方笔记,我需要修改下。// 1. 定义路由组件.// 也可以从其他文件导入const Home = { template: '<div>Home</div>' }const About = { template: '<div>About</div>' }// 2. 定义一些路由// 每个路由都需要映射到一个组件。// 我们后面再讨论嵌套路由。const routes = [ { path: '/', component:原创 2022-03-17 10:28:13 · 1202 阅读 · 0 评论 -
Pinia,Vue生态里Vuex的代替者
我们通过创建一个简单的demo,来认识下pinia .....安装创建项目npm init vite@latestnpm install pinia....引用storeimport { createPinia } from 'pinia' const pinia = createPinia()const app =createApp(App) app.use(pinia)app.mount('#app')....创建stroeimport { defineStore} from原创 2022-03-14 16:46:03 · 1845 阅读 · 0 评论 -
npm安装 yarn和 taro 的小坑。
问题:无法通过校验PS D:\taro> npm install -g yarnnpm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! request to https://registry.npmjs.org/yarn failed, reason: unable to verify the first certificatenpm ERR!原创 2021-04-02 09:14:48 · 991 阅读 · 0 评论 -
Vue3中文文档
Vue3中文文档 - vuejshttps://www.vue3js.cn/docs/zh/guide/computed.html#原创 2020-10-12 17:41:32 · 6328 阅读 · 0 评论 -
Vue3看这一张就可以了。有点多
npm install -g @vue/cli //大概一分钟安装这个工具当前版本:原创 2020-10-12 10:20:14 · 189 阅读 · 0 评论