Envy

其实你这个问题也很简单，因为目前extract-text-webpack-plugin是不支持webpack4的，所以你需要安装`npm install extract-text-webpack-plugin@next --save-dev`来进行支持

$是一个标志，表示Vue实例，也就说说前面有$修饰的方法就是属性方法，$修饰的变量就是属性变量，用来区分用户自定义的变量和方法

如果是使用了webpack4的同学，那么相应的dependencies依赖需要发生变化： ``` "devDependencies": { "webpack": "^4.43.0", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.10.3" } ``` 在webpack3中的webpack和cli都在同一个包中，但在第4版中已经将两者分开进行管理，所以可以使用npm install webpack-cli --save-dev命令来安装它。

你的代码没有错误，这样肯定会报错，因为message是在父组件内定义的，你现在直接用在子组件内肯定不行，除非在子组件内使用props的数组写法来进行接收，并在child-component组件内使用:message=message来进行传递就可以了。 ``` 在父组件中定义子组件的模板 {{ message }} {{ msg }} Vue.component('child-component',{ props:['message'], data: function () { return { msg: "在子组件中声明的数据" } } }); var app = new Vue({ el:"#app", data: {...

对，目前最新版是webpack4，里面各种坑，建议新手不要使用webpack4，否则找错是一件很费脑力和时间的活