zoukankan      html  css  js  c++  java
  • 1124 vue路由配置初级实践&和npm run dev干嘛了

    今天实现一个最简单的路由
    地址栏的#,出来之后,我就知道vue-router哪家伙,介入工作了。
    npm run dev没啥毛病
    image

    npm run dev干了啥呢,为什么有地项目用npm run seve起的:(脚手架不同吗,来点简单了解,之后再补)
    显然,我们npm install那会
    1.npm install 安装了webpack框架中package.json中所需要的依赖
    2.安装完成之后,需要启动整个项目运行,npm run 其实执行了package.json中的script脚本
    image
    这一句干了什耗时,度娘莱街达
    image
    (不知道干了么,之后在细追就,说是啥build/webpack.dev.conf.js文件中require ./webpack.base.conf文件,并且合并入新的对象配置(可以参考webpack-marge))
    而webpack.base.conf文件下,配置了项目的入口main.js
    image

    配置路由的时候报错
    image
    检查之后,发现这个错的意思是说,在配置组件的时候,/school这个组件的[vue router]路由配置“组件”不能是字符串id。请改用实际组件
    image
    已检查,确实这个问题

    然后放开,改了之后又爆了一个错
    image
    已检查,发现
    image
    这里的data千万一定要写成方法,不可以偷减
    改了之后,可以了

    然后发现一个问题,在这里scoped加上之前,两边的样式确实会相互影响(具体表现是切两下之后变成了一种颜色)
    image

    一日之计在于晨
  • 相关阅读:
    重置root密码
    JavaEE完整体系架构
    Analysis servlet injection
    隔离级别
    ULVAC爱发科皮拉尼真空计SW1-N说明书-手册
    研华advantech-凌华ADLINK板卡运动控制卡
    vc6.0转vs2012的一些错误与解决方法
    MFC时间简单比较方法
    MFC_VC++_时间获取与保存列表控件内容到文件操作方法
    show and hide. xp扩展名
  • 原文地址:https://www.cnblogs.com/1998Archer/p/15600946.html
Copyright © 2011-2022 走看看