前言:这个项目是我从零学习Vue2.0时用于练习基础知识的入门项目,包含了Vue2.0几乎所有项目都会用到的基础功能,是新手用来练手的好项目,这里温故知新对功能点做一个总结。github地址:https://github.com/66Web/ljq_sjsm,欢迎Star。
 
	
平台首页	登录注册
一、安装配置
 
 
1、淘宝镜像cnpm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
2、v-cli开发环境搭建:
复制代码
npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install 
npm run dev
复制代码
3、创建vue项目时:严格遵守Enlint语法选择No
WebStorm javascript 版本更改为 ES6
4、新版本vue-cli不需要下载vue-router,旧版本需要:
 npm install vue-router --save
5、main.js入口文件中配置vue-Router:
复制代码
import VueRouter from 'vue-router'
vue.use(VueRouter)
      
let router = new VueRouter({
      mode: 'history',   //router路由版本
      routers: [         //router路由map
           {
               path: '/',
               component:IndexPage
            }           
      ]
})
复制代码
7.layout.vue主组件中使用router-view:
复制代码
           //建立缓存,来回切换时可保持状态
             
        
复制代码
 
二、根组件layout.vue
 
 
在公用组件文件夹components目录下:
1.所有reset css都放到layout.vue的