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) //组件的实例对象
}