#课堂

yb课堂 下单页面组件开发 《四十三》

Pay.vue<template><!--视频信息--><div><divclass="info"><pclass="info_title">商品信息</p><divclass="box"><divclass="imgdiv"&g...

yb课堂 实战之路由拦截和订单模块 《四十二》

文档:https://router.vuejs.org/zh/guide/advanced/navigation-guards.htmlmeta:{requiresAuth:true} importVuefrom'vue'importVueRouterfrom'vue-router'importHomefro...

yb课堂 用户模块个人中心 《四十一》

Personal.vue<template><div><divclass="container"><divclass="p_top"><div><img:src='info.head_img||defaultHeadImg'<router-link...

yb课堂 vue里面的状态管理vuex 《四十》

文档:https://vuex.vuejs.org/zh/在store/下index.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportdefaultnewVuex.Store({state:{token:localStorage.getItem('t...

yb课堂 注册-登陆-个人模块 《三十九》

https://didi.github.io/cube-ui/#/zh-CN/docs/form Register.vue<template><divclass="main"><cube-form:model="model"@submit="submitHandler">&...

yb课堂 视频详情页模块开发《三十八》

CourseDetail.vueHeader.vueCourse.vueTab.vueSummary.vueCalalog创建文件夹 <template><div><!--视频顶部组件--><detail-header:videoInfo="videoInfo">...

yb课堂 首页home开发 《三十七》

HomebannervideoList指令属性里面取data里面的数据不用加{{}},html标签内容体中间则需要加双花括号创建component文件夹  在src/views/Home下创建component文件夹在component目录下,分别创建Banner.vue、VideoList.vueHome.vue&l...

yb课堂 前端项目通用底部选项卡 CommonsFooter 《三十六》

底部导航首页Banner首页视频列表视频详情模块注册模块登陆模块个人信息模块下单模块订单列表模块文档地址:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start  在components下创建CommonFooter.vue<template><...

yb课堂 开发前端项目路由 《三十五》

vue-router是Vue.js官方的路由管理器,它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌官方文档:https://router.vuejs.org/zh/路径:src/router/index.jsimportVuefrom'vue'importVueRouterfrom'vue-router'...

yb课堂 基于浏览器和node.js的http客户端Axios 《三十四》

基于promise用于浏览器和node.js的http客户端支持浏览器和node.js支持PromiseAPI支持拦截请求和响应支持转换请求和响应数据JSON数据的自动转换客户端支持已防止XSRF官方文档地址:http://www.axios-js.com/zh-cn/docs/安装cnpminstallaxiosGE...

yb课堂 前端项目目录结构创建和讲解 《三十三》

cnpminstallnode-sass--save-dev启动项目:cnpmrunserve创建新目录:api/route/views默认资源文件介绍assets:静态资源文件components:组件router:路由store:vuex用于vue状态的管理views:模块views里面建组件的文件名HomeCou...

yb课堂 VueCli 4.3搭建yb课堂前端项目架构 《三十二》

vuecreateybclass_front安装vuex、vue-router,用vscode打开安装axioscnpminstallaxios--savecnpminstall<package_name>--save表示将这个包名以及对应的版本添加到package.json的dependenciescnp...

yb课堂 ECMAScript 6常见语法快速入门 《三十一》

  ECMAScript6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript2015(ES2015)。它的目标是使用JavaScript语言可以用来编写复杂的大型应用程序,成为企业开发语言  let:定义变量,推荐在函数中使用let定义变量,而非var  const:...

yb课堂 前端项目技术组件概述 《三十》

学前必备基础:HTML、CSS、JavaScript、Vue基础知识Vue:用于构建用户界面的渐进式JavaScript框架什么是Cube-UI基于Vue.js实现的精致移动端组件库地址:https://didi.github.io/cube-ui/#/zh-CNVuex:在Vue项目开发时使用的状态管理工具state...

yb课堂 新版VueCli 4.3创建vue项目,Vue基础语法入门 《二十九》

基于HTML的模版语法,允许声明式地将DOM绑定至底层Vue实例的数据用简洁的模版语法来声明式的将数据渲染进DOM的系统结合响应系统,在应用状态改变时,Vue能够智能地计算出重新渲染组件并应用到DOM操作上1.html<!DOCTYPEhtml><html><head><met...
首页上一页12345...下一页尾页