In-depth study of vue2.x--Explanation of the h function

vue project. The code written in the template of the .vue file needs to be parsed with the help of the webpack template parser plug-in. When a single .html file introduces a vue file, the vue file also introduces the template parser (the disadvantage is that it is large in size).

Therefore, when we use engineering development projects, we need to introduce vue-template-compile in the package.json file for template parsing.

If there is no template parser, it cannot be parsed, but vue-template-compile can only parse templates in .vue files, and cannot parse templates in .js files:

So when we write this, it won't work.

Why can't it be parsed? Because the vue file introduced by the main.js file does not have a template parser

vue.runtime.common.js is a .vue file without a template parser, and vue.js is a vue file with a template parser

If we import the vue.js file with the template parser in main.js, we can parse the template

Why is the vue.js file without template parser imported by default?
Because of the volume issue:

Solution,

Use the official render function. He can call the introduced vue-template-compile through the h function, that is, the ninth line of code is equivalent to the eleventh and twelfth lines plus the loader template parser.

Summarize:

This article ends here. I hope it can be helpful to you. I also hope that you can pay more attention to more content on 123WORDPRESS.COM!