美文网首页
小米购物的模仿网页(vue基础)

小米购物的模仿网页(vue基础)

作者: JAZI | 来源:发表于2018-08-28 23:18 被阅读0次
mi-store

主要为了熟悉Vue.js的语法和常见的API,所以并没有用vue-router或vuex

1.使用的技术

  • vue,.vue文件的开发
    把html,js,css按照vue文件一个一个开发,列表渲染,条件渲染,常见的事件绑定,模板语法,过度效果。
  • scss预处理器
  • JS(ES6)
  • vue-cli构建工具

2.代码结构

image.png

3.相关地址

相关文章

  • 小米购物的模仿网页(vue基础)

    主要为了熟悉Vue.js的语法和常见的API,所以并没有用vue-router或vuex 1.使用的技术 vue,...

  • Vue

    Vue框架 一、Vue基础 添加Vue到网页(无需保存到本地) Vue生命周期 二、Vue 实例 创建Vue实例:...

  • vue模仿购物车

    笔记 项目地址 功能介绍 1.商品数据加载2.计算商品数量,选中的商品总价3.单选4.单个删除5.数量加减,对应改...

  • CSS 基础模仿 小米logo

    原理:控制margin数值 效果:鼠标移动上去:不知道为什么录屏没有鼠标 本文复习了overflow 文本溢出伪...

  • 在webpack构建的项目中使用Vue

    一、普通网页中使用Vue(Vue基础学习) 使用 标签引入vue的包 页面中创建一个容器(id为app的div)...

  • Vue——购物车

    好看的网页千篇一律,有趣的代码万里挑一。 今天看看如何用Vue做一个购物车。 head

  • 1.网页布局基础

    网页布局基础 什么是网页布局?网页布局是网页制作的基础(DIV+CSS网页布局) 分类:流式布局,浮动布局,绝对定...

  • 5.vue组件间的数值传递(兄弟)

    点击购物车(goodsshows)改变底部购物(App)车徽章数字 核心内容 goodsshow.vue App.vue

  • 模仿豆瓣网页1

    1.是不是觉得浏览器标签栏带个图片感觉很好看,其实不难,只需要加下面一句话就好: 加到header就好. 2.对于...

  • 模仿豆瓣网页2

    这里首先搜索框是用的表单提交按钮,然后用span设置背景图片,让input里面的字体大小为零,颜色透明.那怎么把这...

网友评论

      本文标题:小米购物的模仿网页(vue基础)

      本文链接:https://www.haomeiwen.com/subject/xtqcwftx.html