router-view可以实现局部加载，很方便，但是也有坑。router-view使用的前提是，局部加载的组件和加载它的组件要有父子关系，也就是说，需要在加载router-view的组件配置children路由如：{          path: '/attend',          name: '参与活动',          component: resolve => requ

一个很方便的loader----vue-observe-visibility应用场景一：代替position: sticky, 这个属性简单来说 可以用来让元素在未超出屏幕高度时保持relative，超出屏幕高度时呈现position: fixed的效果。可以用于实现一些很常见的需求。但是这个属性目前只有chrome支持的比较好，兼容性不是很好，所以需要替代方案-----vue-obse...

vue的diff算法用于视图更新，也可以说是dom更新。俗话说有对比才有差距，vue也是通过将dom前后进行对比，再进行更新。dom是树状结构，因此对比过程中需要先将它化成对象的形式（虚拟dom）如：var Vnode = {tag: 'div',children: [{ tag: 'p', text: '123' }]};对比是逐层进行...

这库看起来还不错，用的着实蛋疼。他的组件很多，基本上不可能加载全部组件，为了减小体积，肯定要按需加载但是！ 这库的组件很奇葩，有的组件引入的时候，只需要在对应的component里import就可以正常使用。譬如 Message，Message-Box而有的组件引入的时候，必须要在main.js里import并vue.use挂载才可以，注意在用到的component里引入是不行的！譬如 butto

再跳转后的路由观察路由变化，进行页面刷新。watch: {    '$route' (to, from) {    this.$router.go(0);}}参考https://blog.csdn.net/wulala_orz/article/details/78928524#commentBox...

有时候在项目中打开别的网页，需要给网页设置meta，如缩放禁止等。这时候在index.html中设置失效需要额外设置。可以使用插件vue-meta：文档：https://github.com/declandewet/vue-meta#npm{metaInfo: {meta: [{ charset: 'utf-8' },{ name: 'viewport'...