最近在GitHub上发现一个基于vue2.0的饿了么项目.本着互联网的分享精神,现在将我自己所理解的,所总结的经验分享给大家.本篇文字我将从学习的角度向大家分享. 在学习本项目之前我已经将vue2.0的 官网官方案例 和vue-router的官方案例和api看了一遍. 点击下载项目资料 注意:网页打开的速度有些缓慢还有可能访问失败但是绝对可以打开的,有条件的朋友可以使用FQ软件打开网址. 运行项目 注:我已在我的电脑上装了node环境.vue-cli.webpack的全局变量 1.讲下载的文件存…

一.star组件使用到了computed属性 computed相当于属性的一个实时计算,当对象的某个值改变的时候,会进行实时计算. computed: { starType() { return 'star-' + this.size }, <template> <div class="star" :class="starType"> <span v-for="(itemClass,index) in itemClasses&…

一.定位问题按照视频写代码时,发现元素“5个“”定位不对,如下图 正常位置为 还以为是哪里写错了,仔细研究了下,需要在父div上加relative. position:relative/absolute的父(祖先)节点的padding-box的区进行定位(忽略文字),找不到符合条件的父(祖先)节点,则相对浏览器窗口进行定位.没有设置了TRBL则默认浮动,默认浮动在父级节点的content-box区. <style lang="stylus" rel="styleshee…

一.父子组件之间对象传递 1.app.Vue中的v-header 中加入 v-bind:seller="seller" template> <div id="app"> <v-header v-bind:seller="seller"></v-header> <div class="tab"> <div class="tab-item"> 2…

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 1.设置选中项颜色 <template> <div id="app"> <v-header></v-header> <div class="tab"> <div class="tab-item"> <router-link to="/goods&qu…

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 webpack.dev.conf.js中添加两段代码 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const path…

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中有的同学找不到data.json,以下是data.json内容 { "seller": { "name": "粥品香坊(回龙观)", "description": "蜂鸟专送", "deliveryTime": 38, "score": 4.2, "…

https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中 写法如下 <div class="tab-item"> <router-link to="/goods">商品</router-link></div>…

_________________________________________________________________________ 初涉vue就深深的被vue强大的功能,快速的开发能力所折服.所以就写了一个cnode社区的app来实践对vue的学习成果.也算是入坑指南吧,如果您觉得对您有帮助,就在github上给个star吧,代码拙劣,大神请忽略... 前言 利用cnode中文社区提供的API,一步一步实现vue项目的搭建及开发. 线上地址:https://cnode.appli…

报错如下: 源码: 然后找了半天没搞明白... 无意中翻看了一下ES6语法规则.. 然后我发现:源代码最后一行要空一行,我心想这什么狗屁规定?MMP…