如何用vue来写界面(初识)

1、学习vue首先要对html、css、js有一定的了解,然后右击创建vue,这样我们写起来就简单多了。话不多说,我们直接说怎么写。
如何用vue来写界面(初识)
看这张图我们很明确的知道各个部分是干什么的,我们从简单的开始说,style是引入css样式的,这里的 @指的是webpack起的别名,scoped是指我们引用的是该页面内部css,方式样式全局化污染,template这里面是让我们写html代码的,与之前写的html代码我觉得最大的不同在于页面跳转这部分,之前我们用的是a标签,而现在我们用的是router-link标签。
2、路由跳转
如何用vue来写界面(初识)
如何用vue来写界面(初识)
路由在项目目录中文件夹router,component指向页面地址,path是地址栏跳转路径。
这样我们简单的页面就可以独自写出了

相关文章:

  • 2021-12-06
  • 2021-09-29
  • 2021-06-14
  • 2021-11-08
  • 2022-01-17
  • 2021-06-04
  • 2021-07-06
猜你喜欢
  • 2021-05-20
  • 2021-06-19
  • 2021-12-17
  • 2021-12-06
  • 2021-10-31
  • 2022-01-16
  • 2021-05-27
相关资源
相似解决方案