qq_24745557的博客

Vue 入门级教程vue是现下比较火的前端框架，其优越性我也不多说；记得我第一次用的vue-cli搭建项目的时候也闹了不少笑话；以下提供一些自己的经验之谈，也欢迎大家评论留言共同学习进步。vue的介绍语法 这个需要自己去看一下一些指令和列表渲染的了命令行工具 (CLI)# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板...

　　我们的项目非常简单，当点击+1按钮的时候，count 加1，点击-1按钮的时候，count 减1.1, mutation　　The only way to actually change state in a Vuex store is by committing a mutation, 在vue 中，只有mutation 才能改变state.  mutation 类似事件，每一个mutati...

先来个vue的知识点数组更新检测变异方法Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse()你打开控制台，然后用前面例子的 items 数组调用变异方法：example1.items.push({ message: 'Baz' }) 。替换数组变异方法 (mutation ...

vue-router之导航切换过渡动画提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。过渡的css类名：v-enter　　进入过渡的开始状态v-enter-active　　进入活动状态v-enter-to　　进入的结束状态v-leave　　离开过渡的开始状态v-leave-active　　离开活动状态v-leave-to　　离开结束状态过渡模式：in-out　　...

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。注意: 这个功能只在支持 history.pushState 的浏览器中可用。当创建一个 Router 实例，你可以提供一个 scrollBehavio...

Vue 服务端渲染（SSR）什么是服务端渲染，简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。于传统的SPA（单页应用）相比，服务端渲染能更好的有利于SEO，减少页面首屏加载时间，当然对开发来讲我们就不得不多学一些知识来支持服务端渲染。同时服务端渲染对服务器的压力也是相对较大的，和服务器简单输出静态文件相比，通过node去渲染...