vue config files config

阅读前如果对vue env设置不理解的请先查看 vue env file
alias设置不理解的请查看vue resolve alias config

vue env file

create file

1
2
# touch env.[custom]
touch env.test

env.test
custom var must start with VUE_APP_

1
2
3
NODE_ENV=development
BASE_URL=/
VUE_APP_MODE=test

vue create loading component with vuex

tree

loading

1
2
3
▾ components/
▾ common/
loading.vue # loading component file
1
2
3
▾ store/
▸ data/
app.ts # state module file

vue resolve alias config

vuejs默认@ 指向 ./src

vue typescript书写规则

等待更新

vue常见错误

■ 渲染state中定义image

template

1
<img class="user-avatar rounded-circle mr-2" :src="avatar" alt="User Avatar" />

script

1
const defaultAvatar = require('@/assets/images/avatars/0.jpg');

import的方式可能会有错误提示,require的方式相当于import * as defaultAvatar

vuejs创建后台

本文所使用技术, 无经验者请先阅读学习vuejs

1
2
3
4
@vue/cli 4.1.1   # 前端框架CLI工具
vue 2.6.10 # 前端框架
typescript 3.5.3 # js的超集之一
shards-vue 1.0.7 # UI框架

学习vuejs

前端三大主流框架reactangularjsvuejs,各有优势特点,其中vuejs不论从入门还是深入都最为简单因而大受欢迎
学习vue,你不需要了解什么,操起键盘就是干

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×