vue在php里面报错,vue.js,_在vue项目中引入vue-router报错，vue.js - phpStudy

在vue项目中引入vue-router报错

vue-router文档介绍引入vue-router有两种方法：

我使用第一种没有问题，当我使用第二种方法时，我不知道import代码应该写在哪个文件里面。运行的时候浏览器报错：import declarations may only appear at top level of a module

代码：

Hello App!

Go to Foo

Go to Bar

// router.js

import Vue from 'vue';

import VueRouter from 'vue-router';

Vue.use(VueRouter);

const Foo = { template: '

Foo

'};

const Bar = { template: '

Bar

'};

const routes = [

{path:'/foo',component:Foo},

{path:'/bar',component:Bar}

];

const router = new VueRouter({

routes // abbr. 相当于 routes:routes

});

const app = new Vue({

router

}).$mount('#app');

刚刚接触vue，对哪些代码应该放在哪些地方，如何拼接很模糊。上面这个问题，望明白的人给个指引。

相关阅读:

通过销售记录，按商品分组，如何计算销售量和最近一次销售的价格?

原生select下拉滚动条如何实现?

在etcd中看不到kubernetes的数据

web项目在win7没错，在mac报错

react应用加了react-redux后webpack打包后页面显示空白，也没有报错

npm install 安装gulp插件报错

我把antdesign的表格引入却报错(可编辑单元格)，能不能帮我看一下是为什么

Spring SimpleJdbcTemplate查询报错

点击按钮如何再次触发vue示例的ready函数

怎么理解服务器端模块和浏览器端模块？二者分别会在什么样的情景下使用？

git怎么过滤当前文件夹下的dist目录

node启动服务器以后显示正常运行浏览器却打不开。

发现用nginx 的try_files $uri $uri/ /index.php$is_args$args; 这样重写不太安全

QWebView如何获取内嵌页面中的html内容

在Docker Build时怎么给容器内部即传参给容器内部，不是docker

Ubuntu ssh同屏问题

poi部分方法过时

关于nodejs的一个小问题

关于RxBus的一个疑问...

移动端上传头像插件