vue的this能直接访问到data属性集合，所以这里直接使用this.author

有，去评论看，很多

file-loader和url-loader什么版本的？建议换成file-loader@1.1.6  url-loader@0.6.2试一哈

解决了：是因为包的版本造成的问题

 babel-core@6.26.0 babel-helper-vue-jsx-merge-props@2.0.3 babel-loader@7.1.2 babel-plugin-syntax-jsx@6.18.0 babel-plugin-transform-vue-jsx@3.5.0 babel-preset-env@1.6.1

babelrc配置格式错误，你这配置和老师的配置不一样啊，老师的是：

.babelrc

{
    "presets": [
        "env"
    ],
    "plugins": [
        "transform-vue-jsx"
    ]
}

针对老师的教程，我上传了自己的代码。老师教程中用的是webpack3.x，有很多包已经被弃用了，我改用了官网推荐的包，另外我用的是最新版本的webpack4.x，不会出现安装报错的问题。 下面是我的项目，欢迎大家参考： https://github.com/carrieguo/vue.js-todolist

在webpack.config.js文件里面配置stylus-loader的test: /\.styl/,时候一定不要添加$符号，，这个和其他的不一样

链接超时，可能是网络问题。可以配置cnpm

你可以参考一下我的代码https://github.com/carrieguo/vue.js-todolist

todo.vue代码有问题，我的项目代码已经完成了，你可以参考以下我的

https://github.com/carrieguo/vue.js-todolist

配置postcss-loader即可

这个课程没有涉及到router的知识

有相同情况可以参考参考 不是正解 不过感觉还是有点用的 大佬勿喷

<div :class="['todo-item', todo.completed ? 'completed' : '']">

这两个要加上，一个加上class, 另外增加css效果

&.completed

label

color #d9d9d9

text-decoration line-through

前面其他网友回复了，现在自己回帖

https://github.com/chinadbo/vue-webpack-start

不要加$

在webpack配置文件里写上

这个在webpack里面可配。

https://github.com/Jokcy/vue-todo-tech

修改config/index.js文件夹中的port端口号，将autoOpenBrowser自动打开浏览器的false改为true，npm run dev之后就可以自动打开浏览器了

你在 pageage.json 也有 babel 的配置，造成了重复配置，检查一下，将其转移到 .babel 文件中。

刚问过，就看到答案了，答案来自“小程序魔王”

视频上的是 /\.styl/ ，没有加$结束符，以前我还以为老师忘写了呢，现在觉得是因为加了结束符只能匹配以.styl后缀结尾的文件，不加结束符可以匹配含有.styl的文件，即既可以匹配.styl也可以匹配.stylus

tabs.vue 里有没有加

toggleFilter(state) {

this.$emit("toggle", state);

}

todo.vue 里添加

toggleFilter(state) {

this.filter = state;

}

这一点牵扯到了子组件向父组件传值

肯定是你的样式出问题了