Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of how to mix and use mixins in vue, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will get something after reading this article on how to mix mixins in vue. Let's take a look at it.

Action

To sum up in simple words is a way to distribute functions in vue components that can be reused with a technology. Using this technology, we can encapsulate the content that needs to be reused into a vue component, which is convenient to use next time.

Usage

First create your own folder in src, and then put the content to be encapsulated into this folder to facilitate subsequent calls.

Let mymixin= {methods: {handleBtn () {alert ('encapsulated content has been triggered!') } export default mymixin global blending

Global blending means that we can register the packaged component globally in main.js, making it easy to use anywhere.

Import myMixins from ". / mixins/index.js" / / Global blending Vue.mixin (myMixins) Local blending

That is, the reused content of the reference can only take effect in the current component.

Click on me to trigger import myMixins from'@ / mixin.js'export default {mixins: [myMixins]} the article on "how to mix mixins in vue" ends here. Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to mix and use mixins in vue". If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.