大家好，今天下午对于vue项目环境的搭建进行了研究，一直以来，我都是用cdn的方式将vue.js引入Html界面，然后就开始刷vue的官方文档了。在刷过文档之后，我就想着，真实的项目是怎么样子的呢，然后就开始了vue-cli脚手架的搭建和使用，下面是我搭建环境的步骤以及我自己初步使用vue-router实现的一个简单的不能再简单的例子。注意，文中的例子适合对vue已经有一定的了解，对vue组件化概念并且对es6有了解的朋友们。
顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。
专为 Vue.js 设计 的状态管理模式，集中式存储和管理应用程序中所有组件的状态。中大型单页应用，你可能会考虑如何把组件的共享状态抽取出来，以一个全局单例模式管理，不管在哪个组件，都能获取状态/触发行为。
在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法 1.截取循环的数据 2.通过v-if来控制
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！
vue利用npm打包上线时，总是会出现页面空白问题，出现这些问题主要是js文件很资源文件的路径有问题，导致页面不能显示。所以在项目部署时需要修改配置参数。
在做vue项目时，发现一个问题，通过vue-router切换页面时，如果从一个页面的底部切换到新页面，新开的页面初始也会在底部。使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。
vue开发项目用到css动画npm run dev效果正常，但是降项目build后放到服务器css动画失效。解决方法找到build文件夹中 得vue-loader.conf.js,把extract的值改为false
就在昨天，这个7天假期第五天，10 月 5 日凌晨，web前端开发框架Vue.js的作者：尤雨溪在微博宣布 Vue 3.0 的源码开放了。这也意味着，早就传言的Vue 3.0版本终于要正式推出了！
v-if和v-for一起使用，v-for的优先级要高于v-if
