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);
相关作者
- 获取点赞0
- 文章阅读量264
评论()