11.2 选项式api写法

        mixin：
            export const fav = {
                data () {
                    return {
                        num:10
                    }
                },
                methods:{
                    favBtn( params ){
                        this.num += params;
                    }
                }
            }

        组件：

            <template>
                <div>
                    <h1>A组件</h1>
                    {{ num }}
                    <button @click='favBtn(1)'>按钮</button>
                </div>
            </template>
            <script type="text/javascript">
            import { fav } from '../mixins/mixin.js'
            export default{
                data () {
                    return {
                        str:'你好'
                    }
                },
                mixins:[fav]
            }
            </script>

混入和vuex的区别

混入功能：有点像工具类，所以是全局的，可以导出全局的属性和方法

vuex功能：状态管理=》vuex强调的是管理的状态（state数据）

属性的区别

   混入的属性他们是不互相影响的（不共享）

  Vuex中的属性（state）是全局共享

方法的区别

   混入的方法是可以return

   Vuex的方法是不可以return的

全局引入mixinsmain.js

export default {
	// 1.发送给朋友
	onShareAppMessage(res) {

	},
	//2.分享到朋友圈
	onShareTimeline(res) {

	},
}

//全局开启混入main.js
import share from '@/mixins/share.js'
Vue.mixin(share);