如何用vue来写页面（初识）

1、学习vue首先要对html、css、js有一定的了解，然后右击创建vue,这样我们写起来就简单多了。话不多说，我们直接说怎么写。
在这里插入图片描述
看这张图我们很明确的知道各个部分是干什么的，我们从简单的开始说，style是引入css样式的，这里的 @指的是webpack起的别名，scoped是指我们引用的是该页面内部css，方式样式全局化污染，template这里面是让我们写html代码的，与之前写的html代码我觉得最大的不同在于页面跳转这部分，之前我们用的是a标签，而现在我们用的是router-link标签。
2、路由跳转
在这里插入图片描述
在这里插入图片描述
路由在项目目录中文件夹router，component指向页面地址，path是地址栏跳转路径。
这样我们简单的页面就可以独自写出了

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

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue