1. 对于creaetd,mounted 等生命周期函数
mixin中的代码先执行,单文件中的后执行。
// page.vue文件
<template>
<div id="app">
<div id="nav">
<button @click="comFun">page和mixin中相同事件执行</button>
<br />
<h3>comData:{
{comData}}</h3>
<br />
<h3>pgData:{
{pgData}}</h3>
<br />
<h3>mxData:{
{mxData}}</h3>
<br />
</div>
</div>
</template>
<script>
import mixin from './js/mixin.js';
export default {
mixins: [mixin],
data() {
return {
pgData: '这是page中的数据',
comData: '这是page中相同key的数据'
}
},
methods: {
c