vue快捷开发(组件的使用)

可以写一个主界面的view,在左侧侧边栏加一个导航栏,通过导航栏的按钮点击来切换不同的界面,

组件的使用小细节

(1)在view代码中

①在导航栏上面加上按钮,点击按钮实现组件的展示(此处的showContent就是在界面右侧展示出组件)

 ②在script中导入不同的内容组件

 注意组件的导入方式

 ③具体的组件代码

 注意点:需要在script中定义name----------一般是展示的内容,例如(salary+Component),注意要带上Component(代码规范,否则会报错)

 

 

效果展示

 

 这么做的优点:不必要新建多个界面来展示不同的数据【之前当我需要展示多个数据库的数据时,我会建立多个界面(费时费力容易出错),在每个界面的代码中都包含侧边栏的代码,并且多个界面的内容大多类似】

因此通过组件来展示不同的数据可以减少代码的冗余,避免重复的代码,提高效率

posted @ 2024-09-29 15:54  连师傅只会helloword  阅读(17)  评论(0)    收藏  举报