首页 > 其他分享 >vue export学习笔记2

vue export学习笔记2

时间:2023-03-24 09:57:23浏览次数:31  
标签:vue 路径 笔记 export 组件 router 路由 页面

#创建项目

vue create vuecli-dem0

#启动项目

npm run serve

#打包项目

npm run build

#路由说明

由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切换。路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。

router流程图:

 

标签:vue,路径,笔记,export,组件,router,路由,页面
From: https://www.cnblogs.com/ratooner/p/17250378.html

相关文章

  • Vue3中使用pinia
    Vue3中使用piniaPinia是一个轻量级的、基于Vue3的状态管理库,它的设计目标是提供简单易用的API,使得开发者能够更加便捷地管理Vue3应用程序中的状态。与Vuex相比,Pinia更加......
  • vue export学习笔记
    export用来导出模块,Vue的单文件组件通常需要导出一个对象,这个对象是Vue实例的选项对象,以便于在其它地方可以使用import引入。export和exportdefault的区别在于:e......
  • Django笔记六之外键ForeignKey介绍
    这一篇笔记介绍Django系统model的外键处理,ForeignKey以及相应的处理方法。这是一种一对多的字段类型,表示两张表之间的关联关系。本篇笔记的目录如下:on_deleterel......
  • DDD读书笔记
    《DDD实战-欧创新》DDD是什么?“DDD是一种指导思想和方法论,指导拆分复杂业务、划分边界和建设领域模型,并最终指导微服务系统建设落地(draft)”如何使用DDD“使用......
  • Vue.js Vuex实现求和案例
    视频Vuex版本componentsCount.vue<template> <div> <!--模板里能看见vc上所有东西--> <h1>当前求和为:{{$store.state.sum}}</h1> <selectv-model.number="n......
  • Vue.js 搭建Vuex环境
    视频npmivuex@33.搭建vuex环境创建文件:src/store/index.js//引入Vue核心库importVuefrom'vue'//引入VueximportVuexfrom'vuex'//应用Vuex插件Vue.u......
  • 在普通非三星电脑上安装三星笔记并同步
    笔者使用的三星平板Tabs4,日常用来写写笔记,看看视频还是挺胜任的,但是随着记录的笔记越来越多(各种各样的,学习上、工作上的笔记),现在多达260+篇。怕有朝一日丢失了这些笔记就太......
  • Vue.js 纯Vue实现求和案例
    纯Vue实现视频106纯Vue版本componentsCount.vue<template> <div> <h1>当前求和为:{{sum}}</h1> <selectv-model.number="n"> <!--收集到的是字符串类型,v-mo......
  • Vue.js Vuex简介
    简介视频......
  • Vue,js Vuex工作原理图
    Vuex原理解析视频107传参带数据允许走这条线store管理......