一、创建好第一个vue项目之后,先对展示页面进行了解

 

 

 从项目目录中查看App.vue文件,查看初始页面

 

 

 可以看到第一个展示页面路由为“/”,展示页面是home这个页面,从项目目录中找到router(路由管理),具体的页面展示配置内容就在index.js里面,其中router-link配置跳转页面,

<router-view />标签为路由展示,实现非跳转页面的展示

 

 

 其中每个中括号之间代表一个路由,一般第一个为初始页面,component代表使用的组件,组件的具体内容在components文件夹中。

 

 

 home.vue就使用了helloworld这个组件,向组件传递了一个msg的参数,具体在HelloWorld.vue中有所展示,完成了一个基本的页面编写

 

 

主要内容在template(模板标签中进行编写),逻辑在script标签中编写,展示样式在style标签中编写,接下来将在项目中添加cube ui组件,并编写一个登陆界面。

 

内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/codingstudy/p/15070784.html

你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!