vue新手的疑惑

1. export default?

答：npm包创建vue的一个入口，相当于const app=new Vue({ }），但是需要npm支撑

2. data（）{ }？

答：和data：{ }作用一样，但是vue使用es5规范

data：{ } 是一个对象，没有局部作用域，数据混乱

data（）{ } 是一个函数，有函数作用域，在有多个vue实例和子组件，数据不会冲突【建议】

//第一种写法【需要引入vue.js】
const app=new Vue({
    data:{
        money:100
    },
    methods:{

    },···
})
//第二种写法【需要引入vue.js，使用函数作用域，数据清晰】
new Vue({
    data(){
        return{
            money:100
        }
    }
})
//第三种写法【需要使用npm构建vue项目】
export default{

}

3. 还有像这样，好好的一个前端项目，冒出来这么多文件夹和文件，看不懂

答：npm也被叫做“脚手架“，上图就是使用npm创建的vue项目，搭好了骨架，下一步就是一点一点的组装内容

内容就是：把一些插件和资源,下图的第一个文件夹‘node_modules’，存放成npm包，，想象成一个个的子组件，用的时候直接调用，

解释：

1. 子组件【components文件夹】和父组件【views文件夹】就是普通vue中的组件和vue实例

2. 路由规则【router文件夹】里面就放父组件链接子组件，相当于a标签跳转的作用，但是a标签有缺点

3. 最大的boss【app.vue文件】，是最大的父组件，所有页面上渲染效果的文件都是他的后代文件包括【views文件夹】

4. 消息通道【main.js文件】控制子组件和子组件传值的一种方式