Vue3.0旅游城市项目实战学习笔记一：首页

一： 项目初始化

1.首页的配置 

位置：main.js

new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

2.移动端手指缩放无效设置

位置 index.html

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maxmum-scale=1.0,user-scalable=1">

3.移动端1px边框问题 1倍屏 2倍屏的问题

引入本地border.css文件

// 1px 被放大后变成2-3像素的解决方案
import './assets/styles/border.css'

4.移动端点击延迟3ms的问题

引入第三方包 

npm install fastclick --save

在man.js中引入

// 解决点击事件的延迟
fastClick.attach(document.body)

二：项目开发知识点

1.路径的简写

位置：build文件夹下的webpack.base.conf.js