zoukankan      html  css  js  c++  java
  • 程序员的一天vue+node+mysql(二)

    路由

    这个为项目大概的目录结构,做到后台的时候会继续添加

    接下来重点介绍路由

    1.首先确定安装了路由,或者是直接在项目里安装,或者在package.json中写入安装,或者cnpm install --save vue-router,都可以

    我觉得最好能在package.json中体现出来最好

    2.编写路由

    如果你有ui的话,ui会把页面给你,页面结构的话不用你操心,如果像我这样全部靠自己或者自己想做点什么的话,最好提前把页面目录考虑好

    我这个demo页面比较简单 业务逻辑先放在一边 ,也就两个大页面  一个是登陆页 一个是内容页 内容页里边有几个子页面 ,好了,do it!

    首先是模块的加载,用的是require.ensure 

    require.ensure的用法和好处参考这里

    http://www.css88.com/doc/webpack2/guides/code-splitting-require/

    http://cnodejs.org/topic/586823335eac96bb04d3e305

    组件的引入和使用

    路由的编写

    来分析一下以上的路由

    vue的思想:所有的vue文件都是组件,父组件中有子组件,这里边最大的组件是App,两个大页面包含在这个大的父组件中,children很好的说明了父子关系

    之后path和component 是url和组件的映射关系

    特别注意的是  {path: '', redirect: '/login'} 这里边是做了一个过滤 ,如果url为空的话指向的也是login页面 

    3.main.js中引入路由

    还是那几步

    引入

    ues

    实例化

    作为参数传递给vue对象

    4.验证

    简单编写好页面后(过程省略),验证一下

    成功!!

  • 相关阅读:
    1月5日学习记录||1月8日学习
    1.1学习记录|1.2日学习记录|1.3日
    RNA-seq数据为什么要去噪
    12.16日学习记录
    12.15学习记录
    transformer和bert简要学习
    关系抽取学习
    12.14周六学习记录
    12.5日学习记录
    12.4周三学习记录
  • 原文地址:https://www.cnblogs.com/gaoyuan-2017/p/7093005.html
Copyright © 2011-2022 走看看