课程介绍及示例演示

796 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
想学好前端开发,有一些html,css和js基础。
你将会学到
vue 脚手架安装,创建 vue 项目,引用Element UI和其他常用三方库作项目实战开发。
课程简介

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用.Vue.js的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件 

本教程将制作一个在线笔记本简单示例来演示Vue+element UI整个开发流程,让大家直观了解Vue实现过程,并在实操过程中逐步学习Vue+element UI开发的一些常用技巧和知识点。

课程大纲

第一章:课程和示例介绍
  第一节: 课程介绍及示例演示
第二章:实例讲解
  第一节:脚手架搭建-vue项目开发环境搭建及项目创建
  第二节:引入elmentUI框架
  第三节:用elementUI搭建前端界面
  第四节:为按钮添加点击事件 一
  第五节:为按钮添加点击事件 二
  第六节:vue计算属性和用marked为内容添加样式
  第七节:把笔记内容保存到localStorage
  第八节:加载已保存的内容和vue实例之生命周期介绍
  第九节:添加笔记功能实现和v-bind绑定属性值
  第十节:用v-for循环实现笔记标题列表
  第十一节:实现点击标题显示内容和保存和读取数组对象
  第十二节:修改和删除笔记及保存选中项功能实现
  第十三节:笔记推荐后置顶功能实现
  第十四节:底部加创建时间和笔记字数显示
  第十五节:生成项目上传服务器


展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交