如何通过Vue.use()载入方式实现Vue全局组件创建？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1694个文字，预计阅读时间需要7分钟。
自定义Vue组件，通常是以局部引用方式加载，使用时在应用的组件中通过`import`导入，并在`components`中注册。例如，使用`import`从`module`中导入`moduleName`，并在`template`中注册`div`标签，class为`app-NewsInfo`，包含`h3`标签显示`info.title`。-- 新闻评论
自定义vue组件，一般是局部引用的方式载入，使用的时候，在应用的组件中使用 import moduleName from ‘module' 导入，在components中注册
<template> <div class="app-NewsInfo"> <h3>{{info.title}}</h3> <!-- 新闻评论子组件。 --> <comment :id="id"></comment> </div> </template> <script> import comment from "../sub/comment.vue"; export default { data() { return { info: {}, id: this.$route.query.id }; }, methods: {}, components: { comment }, </script>
那么如果某个组件经常复用，岂不是每次在新组建中引用都要导入一次吗？是的 。这种情况下可以将组件封装成全局组件，一次导入之后，全局都可以使用。 虽然这种做法不太常见，但是这里还是将其整理出来。
本文共计1694个文字，预计阅读时间需要7分钟。
自定义Vue组件，通常是以局部引用方式加载，使用时在应用的组件中通过`import`导入，并在`components`中注册。例如，使用`import`从`module`中导入`moduleName`，并在`template`中注册`div`标签，class为`app-NewsInfo`，包含`h3`标签显示`info.title`。-- 新闻评论
自定义vue组件，一般是局部引用的方式载入，使用的时候，在应用的组件中使用 import moduleName from ‘module' 导入，在components中注册
<template> <div class="app-NewsInfo"> <h3>{{info.title}}</h3> <!-- 新闻评论子组件。 --> <comment :id="id"></comment> </div> </template> <script> import comment from "../sub/comment.vue"; export default { data() { return { info: {}, id: this.$route.query.id }; }, methods: {}, components: { comment }, </script>
那么如果某个组件经常复用，岂不是每次在新组建中引用都要导入一次吗？是的 。这种情况下可以将组件封装成全局组件，一次导入之后，全局都可以使用。 虽然这种做法不太常见，但是这里还是将其整理出来。