Vue.js的学习过程
第五天的学习
小tip:vue中跳转页面,其实和a标签差不多
<router-link to="/list" class="home">列表页</router-link>
需要注意的是<template>标签中只能有一个块内元素
一、移动端项目的初始化
1、index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>travel</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
meta标签中加上minimum-scale=1.0,maximum-scale=1.0,user-scalable=no
2、静态文件夹assets下添加reset.css和border.css文件
然后不要忘了在main.js里import这两个
import './assets/styles/reset.css'
import './assets/styles/border.css'
3、安装fastclick库(解决移动端300ms点击延迟的问题)
先停下服务器,git中安装fastclick
npm install fastclick --save
在main.js里import
import fastClick from 'fastclick'
再绑定到document.body上
fastClick.attach(document.body)
4、安装css预处理框架 stylus
npm install stylus --save
npm install stylus-loader --save