1.需求,能够快速进入实际项目业务模块的开发,学习的成本需要简单粗暴,一个字,就是要快
2.需要快速掌握的内:1.简单的VUE语法,2.基于VUE的IVIEW框架,学会阅读相应的组件API文档
3.VUE模块
1.vue的文件格式
//template模板元素,在vue2它的下面只能有一个跟元素,vue3可以存在多个跟元素
<template>
<div>//这个div是跟元素
放置标签元素,页面布局
</div>
</template>
<scritp>
export default {
data(){
return {//在这里声明全局变量,只要不被销毁,能在各个方法内访问此变量
}
}
}
放置js
</script>
<style>
放置样式
</style>
2.vue的变量声明
1.共有变量
2.私有变量
3.vue的生命周期
vue的生命周期生命周期中,created与mounted是最常用的,其中created与mounted的简单区别就是,created实例化了vue的实例化已经被创建,注入了data,method,computed,watch等对象属性和方法,但dom还没有被编译,mounted是在created的基础上,完成了dom的编译和挂载,
在实际开发中,对于页面初始化的数据请求等的方法,可以放在created中也可以放在mounted,根据个人习惯,但推荐放在created中
4.vue的for循环,if语法
3.基于VUE的iview框架
1.iview官网
2.学习iview的相关组件
1.基础业务逻辑常用的button组件,form组件,table组件,page组件等等
1.创建一个最基本的搜索表格页步骤
1.创建顶部的搜索工具栏
2.创建表格
3.创建分页
2.带有操作列的表格
3.表单的创建
在列表页中,往往需要添加编辑的表单页面
1.创建面板
2.在面板中创建一个form组件
网友评论