（四）Vue CLI

1.修改脚手架的默认配置

创建vue.config.js文件

（1）设置入口文件的名字以及路径

（2）关闭语法检查

2.ref 属性

作用：给dom元素打一个标识，相当于原生js的类和id(获取元素时)

 <!-- 通过ref属性获取DOM -->

    <h1 ref="testRef">ref属性测试</h1>
    <button @click="showDOM">输出DOM</button>

 <!-- 自定义组件 -->
    <Card ref="card"></Card>

//获取DOM元素或者获取组件的实例对象

this.$refs.标签中ref对应的值

如： showDOM(){
      console.log(this.$refs.testRef);//真实DOM元素
      console.log(this.$refs.card)    //组件的实例对象
    }