vue实战二

VUE 项目实战2

-----------------------------------------------

<template>
<div id="app">
<!-- <loading v-show="loading"></loading> -->
<router-view></router-view>
<!-- <NavBottomView v-show="shownav"></NavBottomView> -->
<NavBottomView></NavBottomView>
</div>
</template>

<template> 只能有一个子元素 <div id="app">

-----------------------------------------------

59：13

-----------------------------------------------

记录一个坑：app开发图片命名 如果用下下划线 可能会存在一些手机显示不出来

图片懒加载 <img v-lajz="" />

-----------------------------------------------

Module build failed: Error: Couldn't find preset "env" relative to directory "F: \VUE项目\vue实战2"

错误原因：

在 .babelrc 文件中设置了env 选项，这需要 babel-preset-env

npm install babel-preset-env --save-dev 依赖引入

1.cnpm install babel-preset-env --save-dev

2.

Module build failed: Error: Couldn't find preset "stage-3" relative to directory

npm install cnpm -g --registry=https://registry.npm.taobao.org

babel-preset-stage-3

npm install --save-dev babel-preset-stage-3

"devDependencies": {

"babel-preset-stage-3": "^6.24.1",

------------------------------------------------

如果端口被占用了 结束进程 可以选择用

ctrl + C

------------------------------------------------

整半天 少了两个

1.cnpm install babel-preset-env --save-dev

2.npm install --save-dev babel-preset-stage-3

重点！！！