Vue框架入门（三）

---

一、作用域

作用域有两种：全局作用域和局部作用域

1.全局作用域：是在script双标签之间的区域，在这个区域之间声明的函数或者变量被称为全局变量和全函数。

2.局部作用域：局部作用域就是在函数的花括号之间的区域，在局部作用域声明的函数或者变量被称为局部函数和局部变量

注意：变量只能在声明的当前作用域内被访问，函数只能在被声明的当前作用域内被调用

var a = 10; //全局变量 
function num() {
   
  console.log('全局函数');
  var b = 20; // 局部变量
  // console.log(b); //局部变量访问
  function fn() {
   
    console.log('局部函数');
  }
  // fn();
}
// console.log(b);
fn();

console.log(a); //访问的额全局变量
num(); //调用全局函数

二、组件的命名

• 短横线：<my-component-name
• 驼峰式:<MyComponentName> 使用这种方式命名，首字母一定要大写

三、组件的注册

两种形式：

• 闭合式<my-component-name></my-component-name>
• 自闭式<my-component-name />

1.全局组件的注册

可以通过调用Vue.component的方式来定义全局组件，接收两个参数：
①组件名②组件属性对象

注册的时候，可以使用驼峰式，也可以使用短横线

但是在使用的时候，必须使用短横向

组件的注册以及使用：

<!-- 闭合式 -->
<my-component-name