在使用scss时需要添加loader，例如{test: /\.scss$/,use: ['style-loader', 'css-loader', 'sass-loader'],}然而在使用vue-cli脚手架创建项目的时候，可能会出现报错：Invalid CSS after "...load the styles": expected 1 selector or at-r..

考虑这么一种情况，在页面中存在父子组件，当需要离开当前页面时，要触发某个子组件中的事件。这里尝试了两种方式：1.添加路由守卫在子组件的.vue文件中，使用beforeRouteLeave钩子，然而并没有触发。debug测试发现，在父组件中添加的beforeRouteLeave可以触发。2.使用beforeDestory钩子子组件使用beforeDestory钩子，当离开页面时，...

使用vue-cli创建项目时，发现文件结构中有一个叫做static的文件夹。图片一类的静态文件，应该放在这个static文件夹下，这个文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们再去使用/static绝对路径，就可以访问这些静态文件了例如在head.vue组件中使用图片时：...

今天在看vue-property-decorator时，遇到了@Model选项，也就是vue2.2中新增的实例model选项。原来只知道v-model属性实现双向绑定，对这个model选项突然不是很理解。所以这里重新对v-model和自定义组件的v-model做一个回顾，加深印象后，再去理解model选项到底是做什么的，有什么作用。vue中的v-model指令实现了表单的双向...

项目实际开发时，当需要用到小图标，比如分类、选项侧边的icon、以及tab切换的icon，可以考虑使用SVG来显示。关于SVG的优点和缺点就不分析了，这里只是记录如何使用。上图是一些SVG图标，那么该怎么用到我们的项目中去呢？首先我们先选择一个SVG图标，拖到浏览器中去显示，右键显示网页源代码，应该是类似下面这样的内容：这就是所选择的SVG图标的代码了，我们拷贝代码，放到项目的...

今天在看前同事做的项目时，了解到一款可以实现无限加载的vue插件vue-infinite-loading具体实现后的效果就是，当你在下拉一个菜单时，当下拉一定数量时，有一个加载等待的效果，然后再继续显示。并且利用插槽slot实现获取菜单完成后的提示。贴上链接：https://peachscript.github.io/vue-infinite-loading/#!/现在，我们通过一个简单的...