import Vue from 'vue'import VueRouter from 'vue-router'// "@"相当于".."import Detail from '../pages/goodsDetail'import Msg from '../components/message.vue' // 使用路由Vue.use(VueRouter) export default new VueRouter({ mode: 'history', routes:…

component: resolve => require(['../pages/home.vue'], resolve) vue 路由的懒加载 import Vue from 'vue' import VueRouter from 'vue-router' // "@"相当于".." import Detail from '../pages/goodsDetail' import Msg from '../components/message.vue' //…

resolve => require(['../pages/home.vue'], resolve)这种写法是异步模块获取,打包的时候每次访问这个路由的时候会单调单个文件,按需加载,不过这种写法已经过时了. 懒加载 router/index.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode:'history', routes: [ {…

在开发项目过程中,使用better-scroll插件中遇到了滚动一次重复提示相同错误 [BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'children' of undefined" 并且在切换到组件过程会有加载卡顿,同时出现一次切换发起多次网络请求 排查之后原来是我…

现在网上抄的沸沸扬扬的VUE看来是个很NB的东西啊,看了一下,确实相对于angular1来说简化了不少东西,性能方面也比angular1要好很多,所以现在用的人越来越多了,于是作为前端,学习一下新东西不至于被淘汰那是必须的~在网上看了一下,感觉还不错,打算用它写个单页面应用.于是--坑就跟着来了-- 首先声明本人不会webpack和es6但是看了一下网上用VUE写单页面程序的基本上都是用的webpack和ES6,他大爷的!这就有点欺负人了!不会什么非用什么?就不能做一个简简单单的前端吗?非要用什…

While traditional Vue components require a data function which returns an object and a method object with your handlers, vue-class-componentflattens component development by allowing you to add your data properties and handlers directly as properties…

Declaring templates and elements inside of templates works great for most scenarios. Sometimes you need a bit more control over what your component will do with the props and children it receives, so Vue provides a render function that allows you com…

首先要在.gitignore文件去掉/dist,这个文件默认是不上传的,但是执行打包bulid的时候会生成dist文件,而线上访问的是打包之后的dist文件: vue.config.js文件,如下图箭头那个要改为项目文件名称 点进pages 部署目录要填写dist,然后点击启动就可以生成网址地址啦…

vue-cli3创建less工程,npm run serve 无法运行 bug解决方法: rm -rf node-modules 修改package.json为 "less": "^3.9.0", 接着yarn install 运行项目会发现提示缺少less-loader 安装less-loader即可 本文解决方法发散自:https://github.com/vuejs/vue-cli/issues/4449…

https://cn.vuejs.org/v2/guide/components.html https://cn.vuejs.org/v2/guide/components-dynamic-async.html 上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现: <!-- 组件会在 `currentTabComponent` 改变时改变 --><component v-bind:is="currentTabComponent&…