Framework7-Vue个人感觉这是本人体验到现在移动端体验最好的框架。不过Framework7-Vue感觉还不是很完善,还需要观望一段时间。而且它有自己的路由规则,所以不能使用vue-router,这点还是很不方便的。 简单列举了一些主流的框架,不得不感慨现在vue的生态圈真是太繁荣了,上述框架楼主并没有深入使用过,不好发表太多建议,...
启用后,在 Vue 文件中,就可以不必再添加import { xxx } from 'naive-ui'相关代码,同时,会在根目录生成components.d.ts文件,来全局引入需要的组件。 引入自定义组件 unplugin-vue-components还可以自动引入自定义的组件,默认情况下,会引入src/components目录下的组件,如果需要引入其他目录的组件,则需要配置dirs属性:...
配置好前面的路由信息后,需要将这些路由配置加载到 vue-router 中,这里采用动态读取文件的加载方式,即在 modules 目录下创建好路由配置后,可以自动加载到 vue-router 中,不需要再次导入。 在router 目录下创建一个routes.ts文件,用于读取 modules 目录下的路由配置信息: routes.ts import type { RouteRecordRaw } ...
做这个vueAdmin-template的主要原因是:vue-element-admin这个项目的初衷是一个 vue 的管理后台集成方案,把平时用到的一些组件或者经验分享给大家,同时它也在不断的维护和拓展中,比如最近重构了dashboard,加入了全屏功能,新增了 tabs-view 等等。所以项目会越来越复杂,不太适合很多初用 vue 的同学来构建后台。所以就...
不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器,个人推荐 eslint+vscode 来写 vue,绝对有种飞一般的感觉。效果如图: 每次保存,vscode就能标红不符合eslint规则的地方,同时还会做一些简单的自我修正。安装步骤如下:...
完整项目地址:vue-element-admin 系类文章一:手摸手,带你用vue撸后台 系列一(基础篇) 系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇) 前言 在前面两篇文章中已经把基础工作环境构建完成,也已经把后台核心的登录和权限完成了,现在手摸手,一起进入实操。
computed在Vue中是很常用的属性配置,它能够随着依赖属性的变化而变化,为我们带来很大便利。那么本文就来带大家全面理解computed的内部原理以及工作流程。 在这之前,希望你能够对响应式原理有一些理解,因为computed是基于响应式原理进行工作。如果你对响应式原理还不是很了解,可以阅读我的上一篇文章:手摸手带你理解Vue响应...
完整项目地址:vue-element-admin 系列文章: 手摸手,带你用vue撸后台 系列一(基础篇) 手摸手,带你用vue撸后台 系列二(登录权限篇) 手摸手,带你用vue撸...
手摸手,带你用vue撸后台 系列二(登录权限篇) 前言 进入正题,做后台项目区别于做其它的项目,权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是:不同的权限对应着不同的路由,同时侧边栏也需根据不同的权限,异步生成。这里先简单说一下,我实现登录和权限...
1.Vue3 2.Typescript 3.Rollup:一个轻量简单的打包工具,Vue和react源码就是用这个工具打包的 4.Tailwindscss:一个原子性的css框架,简单,定制性强,快速开发样式 https://tailwindcss.com/docs 二、环境搭建 (1).创建一个文件夹 并 npm init (2).在pageck.json中写入 { "name": "test-bricks-teac...