ES6语法及相关组件

一,了解ES6语法

    1.ES6 是 JavaScript 语言的新版本

    2.声明let和const

    let 声明的是一般变量;

    const 申明的常量，不可修改

                                        

    3.箭头函数

    1>定义:匿名函数的第二种写法,但不是匿名函数

                                          

====>箭头函数

    4.模块导入和导出

    js 文件中需要先导出( export )后，才能被其他 js 文件导入( import )

    导入:====>export default;

    导出:====>import

二,vue组件

    1.使用方法:Vue.component(组件名称, 组件的内容)

    2.注册及使用组件

        

    3.注意点:

    data必须是函数
小区别
组件中的 data 是一个函数

vue 对象中的data是一个对象    

        

    4.单文件组件

    1>定义:将一个组件相关的 html 结构，css 样式，以及交互的 JavaScript 代码从 html 文件中剥离出来，合成的一个文件就是单文件组件

    2>单文件组件代码结构

       

    3>注意点:

    使用template标签来定义html部分

    javascript要写成模块导出的形式

    样式中如果有scope关键字，表示这些样式是组件局部的，不会影响其他元素