vue 移动端环境配置
1,进入项目src 2.,App.vue 取出template中<img src="./assets/logo.png"> 3,进入 App.vue 删除默认图片: <div id="app"> <!-- <img src="./assets/logo.png"> --> <router-view/> </div> 删除默认样式,修改通用样式: <style> /* #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } */ *{ padding: 0; margin: 0; list-style: none; } </style> 4,创建主要页面,都使用以下方式: 每个组件都创建独立文件夹/index.vue (默认index.vue是可以省略的,这样很方便调用) 此外 文件:HelloWorld.vue 是不能删除的,否则报错。 每个组件有且只有一个跟节点: <template> <div class="detail-page">