总结


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配置,官方文档
posted @ 2019-11-05 10:16  张明岩  阅读(130)  评论(0编辑  收藏  举报