Vue中的组件及路由使用实例代码详解

1.组件是什么

创新互联是一家集网站建设,淮阴企业网站建设,淮阴品牌网站建设,网站定制,淮阴网站建设报价,网络营销,网络优化,淮阴网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

       组件系统是 Vue 的一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织;

1.1组件的声明及使用

  全局组件


  

  局部组件


  

1.2组件使用注意事项

   组件名如果是驼峰法命名,使用组件时要将大写字母改为小写,并且在前面加上 - 组件中的tamplate属性必须有一个唯一的根元素,否则会报错

1.3组件中数据及方法


  

1.4父级组件传值


  

2.路由的使用

   Vue在使用路由插件Vue-router,要提前引入。


  
  • 登录
  • 注册

2.1动态路由匹配


  
hfhg

总结

以上所述是小编给大家介绍的Vue中的组件及路由使用实例代码详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!


分享名称:Vue中的组件及路由使用实例代码详解
链接URL:http://azwzsj.com/article/pogdcc.html