遇到的问题：

不带{ }以组件方式 引入后，用  组件名. 变量 的方式一直提示变量未定义的问题，改成直接 带{ }引入变量直接使用变量就不提示错误了，（不知道是不是我引入的包和他人不一样的原因...），

直接记录一下查到的两个区别

1、import ...与import{ }的区别：

import{ }：带{ }引入的是某个变量，多个变量可以逗号分隔；
import ...：不带{ }引入的是组件，可以用.的方式使用组件里的变量

1的参考在这里：【VUE】- import ...与import{ }的区别_@Arielle。的博客-CSDN博客

2、import from '@路径' 与 import from '../路径'的区别

import from '@路径'：以根目录的方式定义相对路径，从项目第一级节点开始
import from '../路径'：是以父子目录的方式定义相对路径
                                      . /指当前目录
                                      . ./指当前目录的上一层目录

2的参考在这里：Vue 导入文件import、路径@和.的区别