验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

vue怎么创建组件并添加到路由

阅读:360 来源:乙速云 作者:代码code

vue怎么创建组件并添加到路由

通过路由/say_hi访问组件

.vue组件由模板(template),脚本(script),样式(style)三部分组成

vue怎么创建组件并添加到路由

模板中存放HTML元素,样式标签下存放CSS样式 

vue怎么创建组件并添加到路由

import SayHi from '@/components/SayHi' 引入组件

下面代码为组件分配路由

{
      path: '/say_hi',
      name: 'SayHi',
      component: SayHi
    }

在项目所在目录运行npm run dev 启动项目可访问路由 http://localhost:8080/#/say_hi 

vue怎么创建组件并添加到路由

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。

分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>