1、指令
2、成员
3、生命周期钩子
4、组件
5、vue项目
main.js
views - components
创建视图组件 - 配置路由 - 设置转跳<router-view> <router-link to="">
6、项目功能模块
路由:
router-view
router-link: to='/course' | :to={name: 'course', params={pk: 1}, query={pk: 1}}
router.js: {path: '/course', name='course', component: Course}
this.$router.push({name: 'course', params={pk: 1}, query={pk: 1}})
this.$router.go(-1)
this.$route.params.get('pk') || this.$route.query.get('pk')
仓库:
store:任意组件之间进行数据交互,但页面刷新,数据重置
this.$store.state.数据
this.$store.commit('仓库中的事件', 新值)
sessionStorage:页面关闭,数据清空
localStorage:数据永久保存
axios:
cnpm install axios
main.js配置axios
this.$axios({
url: '',
method: ''
}).then(response => {
response.data
}).catch(error => {
error.response.data
})
cookie:
cnpm install vue-cookies
main.js配置vue-cookies
this.$cookies.config('1s')
this.$cookies.set(key, value, exp)
this.$cookies.get(key)
this.$cookies.remove(key)
element-ui:
mian.js配置,官方文档