vue1x、vue-router 0.7x 迁移到 vue2 vue-router2 vueX的坑
来源:互联网 发布:mac虚拟机免费版下载 编辑:程序博客网 时间:2024/06/05 22:47
注意要点
一:
node_module里面的vue 和 vue-router都为2.0+版本
配置好vue2.0+ vue-router2.0+ 相应的版本依赖
二:
webpakc.config.js的设置 alias指明具体路径
如:
resolve: { extensions: ['', '.js', '.css', '.scss','.vue'], alias: { 'vue$': './node_modules/vue/dist/vue.js' } }
三:
vue1 引用的时候大写
import Vue from 'Vue';
vue2 改为小写
import Vue from 'vue';
四:
router初始化的问题,一般下面这段代码会在入口文件,例如main.js里面
import Vue from 'vue'import Router from 'vue-router'import app from './src/components/app.vue'import list from './src/components/list.vue'Vue.use(Router);const router = new Router({ routes: [{ path: '/', component: app }, { path: '/:id', component: list }]})const vm = new Vue({ router}).$mount('#app')
在以上几步骤确认的情况下,再来说报错的问题。报错最大的问题在于,初始Router时
,传入对象属性routes的设置,路径所对的组件component:"这里面的内容是错误的"
,所以请先改成下面方式测试,而并不是强行从vue文件里面import出内容(因为有可能你处理vue文件的依赖模块都没安装全)
const router = new Router({ routes: [{ path: '/', component: { template: '<div>home</div>' } }, { path: '/bar', component: { template: '<div>bar</div>' } }] })
0 0
- vue1x、vue-router 0.7x 迁移到 vue2 vue-router2 vueX的坑
- Vue2.0 + vue-router + Vuex实战演练
- vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发
- vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发
- Vue2.0 框架配置:vue-cli + vue-router + vuex
- VUE 全家桶,vue2-vue-router-vuex-axios
- VUE 全家桶,vue2-vue-router-vuex-axios
- VUE 全家桶,vue2-vue-router-vuex-axios
- Vue2.0 框架配置:vue-cli + vue-router + vuex
- vue2+vuex+vue-router 快速入门(五) vuex 介绍
- 从零构建 vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
- 【Vue2.0】 项目实战案例及Demo,基于vue2.0+vuex+vue-router2+axios实现
- 使用vue2.0 vue-router vuex 模拟ios7操作
- 搭建vue2.0+vuex+vue-router+babel+webpack环境
- 使用vue2.0 vue-router vuex 模拟ios7操作
- vue2+vuex+vue-router 快速入门(一) 简单介绍
- vue2+vuex+vue-router 快速入门(二) 项目搭建
- Vue+Vuex+Router
- delphi Controls Components 属性
- python 递归比较两个dict或json(相等,包含)
- POI实现EXCEL单元格合并及边框样式
- Objective-c - block作为方法的参数
- webSocket获取httpSession
- vue1x、vue-router 0.7x 迁移到 vue2 vue-router2 vueX的坑
- JS阻止事件冒泡
- 我对BPNN的一些浅见
- 吐个槽 Spring Data Elasticsearch 3.0M1还不支持Elasticsearch 5.X
- VMWare安装黑苹果
- Service入门(一)——startService、stopService
- spring MVC maven等整合
- nexus批量更新jar包
- String类常用