What is the custom component of web interview vue and how to invoke it

This article shows you how web interview vue custom components and invocation methods are, the content is concise and easy to understand, it will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

Introduce:

Due to the project requirements, some of the same code will be packaged into components and imported where needed.

And written in the form of a label

But in the "vant" component library, the "Dialog pop-up box" component is used in 2 ways

Usually our custom components are also used in the form of mode 2. Today we introduce how to use mode 1.

The coding implementation uses the component / / to be displayed into import mymodel from'.. / components/mymodel.vue'export default {install: function (Vue) {/ / 1.0 to get its constructor const Mymodel = Vue.extend (mymodel) / / add a method $model Vue.prototype.$model = function () {/ / to all vue instances based on the mymodel component object. To display a component: mymodel / / 2.0 create a component object const obj = new Mymodel () / / 3.0 display the component obj.show = true / / 4.0 get the html structure of the component object const html = obj.$mount (). $el / / 5. 0 render the html structure to the page document.body.append (html) } use the method of calling show Model as a normal component to call show Model import mymodel from'.. / components/mymodel.vue'export default {data () {return {show: false}} by js. Methods: {fn1 () {this.show = true}, fn2 () {/ / display the components directly through the js method this.$model ()}}, components: {mymodel: mymodel}} the above content is the web interview vue custom components and how to call them Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.