Vue高级3-Vue脚手架，父组件向子组件传数据（props）

main.js文件中

可以写为

render是新版本的脚手架简写，render是一个函数负责往DOM上面去渲染的，完整的是render:function(h){return h(App)}，其中这个h默认为形参，默认传的是一个createElement方法，而createElement是创建标签的意思，就是创建一个App标签，也就是render:function(createElement){return createElement(App)}

在main.js中我们不需要把这个import的vue加大括号，因为在App.vue里面是export default，一个文件只有一个有一个default文件，如果是导出多个就加大括号，像App导入的时候要加 ‘./’ 这意味着在当前文件夹下，不加就是搜索到核心文件，也就是在node_modules里面查找文件，所以不加路径直接用的话就是访问的核心文件里的文件，而这个’./App’不加文件后缀名字是因为webpack配置文件不加后缀就首先用.vue结尾的文件

单文件组件最基本的标签是template(写html)，script(js)，style(样式)，

其中style加了一个scoped，意思仅仅是当前这个组件生效，不加的话就会影响全局样式

创建一个属于自己的页面，先在src里面创建一个新的文件夹叫做pages用来存储页面，然后再在文件夹里面创建文件起名字home.vue，在home.vue里面就可以写了，但是在template里面只能有一个根节点，所以可以用div套一下，同时在script里面的return是return{}，为什么加{}，因为只有函数有作用域，这时候改数据就不会改到堆栈的数据，每个实例都是相互独立的（https://www.cnblogs.com/banyuege/p/10723091.html）

父组件向子组件传递数据




（在App.vue的export里面放生命周期钩子，单拎出来用。不用放在methods里面）