vue组件二

1 emement-ui
		-下载:npm install element-ui
		-使用:在main.js中配置
			import ElementUI from 'element-ui';
			import 'element-ui/lib/theme-chalk/index.css';
			Vue.use(ElementUI);
	2 专题课程表介绍
		-course
		-courseDetail
		-Teacher
		-PricePolice
	3 vue绑定图片:
		<el-carousel-item v-for="img in imgs">
		  <img :src="img">
		</el-carousel-item>
	4 vue页面挂载时,执行方法:
		mounted:function () {
			//init()为methods中定义的方法
			this.init()
		}
				
	5 课程列表展示
		
	
	
	6 课程详情页面
		-路由携带参数跳转: 
			<router-link :to="{'name':'courseDetail','params':{'id':course.id}}">详情</router-link>
		-取值:
			course_id: this.$route.params.id,
		
posted @ 2018-12-26 14:53  不沉之月  阅读(66)  评论(0编辑  收藏  举报