Vue学习笔记-项目搭建1.1项目初始化

1、路由
路由：路由就是根据网址的不同，返回不同的内容给用户
：显示的是当前路由地址所对应的内容
2、多页应用和单页应用


3、初始化
①入口文件是：main.js
②想要使得页面不能通过手指缩小放大：在根节点（index.html）中设置 minimum-scale=1.0,maximum-scale=1.0,user-scalable=no
③想要使得浏览器统一样式：引入reset.css，然后在入口文件将reset.css引入，还需要设置1像素边框（在高分辨率的屏幕中，多倍屏，即1像素在多倍屏中可能显示的不是1个像素的高度，会变化，所以要设置这个1像素边框，引入下边的border.css）
④移动端300ms延迟问题：（在移动端中会出现，click事件点击之后300ms才会执行）安装fastclick： npm install fastclick --save；在main.js文件中引入import fastClick from ‘fastclick’，然后调用fastClick自带的方法fastClick.attach(document.body)将其绑定在document结构上
⑤使用说明
@import ‘…/…/…/assets/styles/varibles.styl’ 引入文件，
@可以代表src目录
在style中引入style样式的时候必须要在@前边加~ 即“@import ‘~@/assets/styles/varibles.styl’”
自适应
overflow: hidden
width: 100%
height: 0
padding-bottom: 37.67%

4、npm install fastclick --save(save的意思是保存到项目中)
5、然后添加至main.js中
/src/main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import fastClick from 'fastclick'
import './assets/style/reset.css'
import './assets/style/border.css'
 
Vue.config.productionTip = false
fastClick.attach(document.body)
 
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

初始化完成