天天看點

【Vue2.0學習】—mixin混入(五十五)

【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>      

繼續閱讀