如何使用Vue.js中的自定义组件并在DOM进行显示

2024-11-07 00:43:16

1、第一步,双击打开HBuilderX设计工具,新建一个HTML5页面并引入vue.js文件,如下图所示:

如何使用Vue.js中的自定义组件并在DOM进行显示

3、第三步,接着在div标签下方,添加一个script标签,调用Vue.component()方法,如下图所示:

如何使用Vue.js中的自定义组件并在DOM进行显示

5、第五步,保存代码并打开浏览器查看效果,可以查看到产生一个无序列表,如下图所示:

如何使用Vue.js中的自定义组件并在DOM进行显示
猜你喜欢