【Vue2.0学习】—mixin混入(五十五)
//该文件是整个项目的入口文件
//引入Vue
import Vue from 'vue'
//引入APP组件,它是所有组件的父组件
import App from './App.vue'
//全局引入
import { mixin } from './mixin'
// 关闭Vue生产提示
Vue.config.productionTip = false
Vue.mixin(mixin)
/*
关于不同版本的Vue
vue.js与vue.runtime.XXX.js的区别
1、vue.js
*/
//将APP组件放入容器中
new Vue({
render: h => h(App),
}).$mount('#app')
<template>
<div>
<h2 @click="showname">学生姓名:{{name}}</h2>
<h2>学生性别:{{sex}}</h2>
</div>
</template>
<script>
//引入
//import {mixin} from '../mixin'
export default {
name:'School',
data(){
return{
name:'张三',
sex:'男'
}
},
// mixins:[mixin]
}
</script>
<style>
</style>