【数据售卖平台】—— Vue2.0入门学习项目爬坑

前言:这个项目是我从零学习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的