如何使用组件

可以复用的代码写到组件里面,比如左侧的导航栏

1.写好一个组件

记得结构写在template标签里面,当然div也可以

2.在需要使用的地方,用标签使用组件

3.在使用的文件内import此组件

import CommonAside from '@/components/CommonAside.vue';

4.在使用的文件内注册此组件

export default {
  components: { CommonAside },
};

不过目前本人不知道具体装了什么插件,大约是vutur,直接使用组件标签,便可实现import+注册

你可能感兴趣的:(vue.js,学习,前端)