VUE复习遇到的问题

传值

①Vue is not defined
此问题出现可能是vue引入的路径问题

Object(…) is not a function

错误写法：

正确写法

ElementUI 表单验证之ref、$refs和rules

ElementUI 提供的表单Form支持表单验证，仅仅需要添加rules 属性值：

<el-form ref="form" :model="form" :rules="rules"  label-width="80px">

我们在el-form表单控件中发现了ref 属性，ref 属性涉及Dom 元素的获取(el-form表单对象)。我们首先需要了解下javasrcipt 是如何获取Dom 元素是通过：document.querySelector（".input"）获取dom元素节点 。Vue 为简化DOM获取方法提出了ref 属性和$refs 对象。一般的操作流程是:ref 绑定控件，$refs获取控件。

ref 绑定控件：
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
$refs 获取控件：

<script>
 methods: {
      onSubmit(formName) {
       this.$refs[formName].validate((valid) => {
        if (valid) {
            alert('验证成功!');
        } else {
            console.log('error submit!!');
            return false;
        }
        });
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      }
    }
    </script>

导入接口和组件

可以一个js里面有多个接口此时记得给导出来的接口名加大括号{}
例如：

//接口调用
import { getUserDetailById } from '@/api/user'

导入的组件时一般都是一个对一个 所以不要加大括号{}
例如：

// 组件调用
import userInfo from './components/user-info'

vue中scope的作用

单独页面的样式，加上scope可以避免全局的污染。当然加上命名空间也是可以的

<style scoped>
/* local styles */
.xxx-container{
  /* name scoped */
  xxx
}
</style>

Cannot read property ‘setItem’ of undefined

设置token的时候出现这个未定义的问题，怎么都查不到
可能的就是单词写错 里面没有这个方法

Cannot read property ‘success’ of undefined

此时用到了message 可能是是因为没有配置Message全局弹框组件

搭建框架的时候常有的问题