Vue2.0学习—mixin混入(五十五)

Posted 王同学要努力

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于Vue2.0学习—mixin混入(五十五)的主要内容,如果未能解决你的问题,请参考以下文章

Vue2.0学习—插件(五十六)

Vue2.0学习—生命周期(五十)

Vue2.0学习—Todolist案例(五十九)

Vue2.0学习—浏览器本地存储(五十七)

Vue2.0学习—props配置(五十四)

Vue2.0学习—ref属性(五十三)