vue项目配置模块化路由

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
13
├── src
|    ├── assets         // 静态资源img、css、js
|    ├── components     // 小组件
|    ├── views          // 页面(视图)组件
|    ├── App.vue        // 根组件
|    ├── main.js        // 全局脚本文件（项目的入口）
|    ├── router
|    |    ├── index.js       // 路由脚本文件
|    |    ├── modules       // 模块
|    |    |    ├── user.js         // 用户模块
|    |    |    ├── other.js        // 其他模块


more >>

展开全文 >>

Javascript方法

一、作用域

1、当看到script标签的时候就会进入到js作用

2、调用一个function的时候

二、进入到作用域之后，发生了什么事情??

1、js预解析

​ 开辟一个空间，找有没有var，有没有方法参数，有没有function，如果有var，有方法参数，就把var和方法参数定义的变量设置成undefined，如果有function，那么就储存function里面的所有内容。

more >>

展开全文 >>

Vue.js + Element-UI导航写法

方法一（基本的）：

elementUi导航通常会和vue-router一起使用，所以与官网的示例的写法不太一样。具体写法如下:

1
2
3
4
<el-menu :default-active="$route.path" class="el-menu-vertical-demo" router>
   <el-menu-item v-for="item in items" :index="item.src">{{item.name}}            
   </el-menu-item>
 </el-menu>

data里则是正常的数据即可：

1
2
3
4
5
6
7
8
9
10
11
data(){
      return{
        items:[
          {src:'/gameinfo/index',name:'基本信息'},
          {src:'/gameversion/index',name:'版本管理'},
          {src:'/gameplatform/index',name:'渠道管理'},
          {src:'/gameproduct/index',name:'充值产品'},
          {src:'/gameplugin/index',name:'插件管理'}
        ]
      }
    }
more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

主要涉及技术