vue2自定义组件

第一个vue组件在工程目录/src下创建component文件夹，并在component文件夹下创建一个firstComponent.vue。在App.vue中使用插件 ( 因为在 index.html 里面定义了div id=”app”所以就以这个组件作为主入口)第一步，引入在便签内的第一行写import firstComponent from './compone

花帜

8479人浏览 · 2016-12-09 10:06:47

花帜 · 2016-12-09 10:06:47 发布

第一个vue组件

在工程目录/src下创建component文件夹，并在component文件夹下创建一个firstComponent.vue。
这里写图片描述
在App.vue中使用插件 ( 因为在 index.html 里面定义了div id=”app”所以就以这个组件作为主入口)

第一步，引入在便签内的第一行写

import firstComponent from './component/firstComponent.vue'

第二步，注册在标签内的data代码块后面加上component：{firstComponent}

这里写图片描述

第三步，使用在内加上

这里写图片描述

第四步，在浏览器中打开localhost：8080

这里写图片描述

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}$/, //不连续的两位字母// /^