在vue.js中mixin和页面执行顺序问题

打个总结：1. 对于creaetd，mounted 等生命周期函数mixin中的代码先执行，单文件中的后执行。2. 对于同名的变量和方法，只执行page中的代码。示例如下：1.两边同名的变量，获取后取得的是Page那边的值。2.两边同时定义test()方法，只执行了page这边的方法。...

ForMyWebFrontSide

4680人浏览 · 2019-07-03 19:28:09

ForMyWebFrontSide · 2019-07-03 19:28:09 发布

打个总结：

1. 对于creaetd，mounted 等生命周期函数

mixin中的代码先执行，单文件中的后执行。
在这里插入图片描述

2. 对于同名的变量和方法，只执行page中的代码。

示例如下：
1.两边同名的变量，获取后取得的是Page那边的值。
在这里插入图片描述
2.两边同时定义test()方法，只执行了page这边的方法。

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