大家好，又见面了，我是你们的朋友全栈君。
历时一个月，从开始学习vue到能用vue开发一个简单的系统，以下是开发这个系统的简单报告。
所用的技术：
git：管理代码的开发
node.js:vue.js运行环境
vue3.0：最新版本
vue-cli3.0：脚手架最新版本，支持图形化操作
webstorm：代码编辑器
项目新增插件：
vue-cli-plugin-element:element UI库项目新增的依赖：
运行依赖：
echarts：画图工具，画统计图用的
element-ui
vue-table-with=tree-grid:树状结构的UI库
开发依赖：
less、less-loader：使css样式只在当前组件里生效eslinttr我新增禁止检查的命令：
'indent': 0,
'quotes': 0,
'quote-props': 0,
'no-unused-vars': 0对时间显示的处理
// originVal：单位需要是毫秒
Vue.filter('dateFormat', function(originVal) {
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})路由的设计
routes: [
{ path: '/', redirect: '/login' },
{ path: '/login', component: Login },
{
path: '/home',
component: Home,
redirect: '/welcome',
children: [
{ path: '/welcome', component: Welcome },
{ path: '/users', component: Users },
{ path: '/rights', component: Rights },
{ path: '/roles', component: Roles },
{ path: '/cate', component: Cate },
{ path: '/params', component: Params },
{ path: '/goods', component: GoodsList },
{ path: '/goods/add', component: Add },
{ path: '/orders', component: Order },
{ path: '/reports', component: Report }
]
}
]系统展示：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/133670.html原文链接：https://javaforall.net
