vue-cli之组件的简单使用

进入src目录下的components建立header.vue，第一步，在App.vue中引入import header from './components/header/header';第二步，在App.vue中注册export default {components: {'v-header': header}};第三步，在App.vue中使用<v-h

斜斟星雨

2731人浏览 · 2017-10-10 11:53:19

斜斟星雨 · 2017-10-10 11:53:19 发布

进入src目录下的components建立header.vue，
第一步，在App.vue中引入

import header from './components/header/header';

第二步，在App.vue中注册

export default {
    components: {
      'v-header': header
    }
  };

第三步，在App.vue中使用

<v-header>头部</v-header>

配合路由见另一篇vue-cli搭配router的简单使用

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^