Vue项目的启动加载过程

在Vs code的控制台输入npm run dev 命令可启动一个Vue项目。项目启动后首先加载index.html和main.js（也可以自己设置，我的是project.js）文件。project.js文件中给id=“app”的div创建一个Vue的实例，该实例中有一个名叫“APP”的组件，该组件通过vue-router将项目中的其他模板（以401.vue为例）中的模板注入到App.vue...

tangyuzhidao

7419人浏览 · 2019-05-22 15:38:49

tangyuzhidao · 2019-05-22 15:38:49 发布

在Vs code的控制台输入npm run dev 命令可启动一个Vue项目。

项目启动后首先加载index.html和main.js（也可以自己设置，我的是project.js）文件。project.js文件中给id=“app”的div创建一个Vue的实例，该实例中有一个名叫“APP”的组件，该组件通过vue-router将项目中的其他模板（以401.vue为例）中的模板注入到App.vue的模板中。
index.html

project.js
在这里插入图片描述

App.vue

router文件夹下的index.js

401.vue

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