vue配合animate和Velocity {代码...} 方法 {代码...}

mapState、mapGetters、mapMutations、mapActions第一个参数是字符串（命名空间名称），第二个参数是数组（不需要重命名）/对象（需要重命名）。

mySwiper.vue {代码...} mySwiperItem.vue {代码...} 使用的是css预编译less {代码...} 使用index.vue {代码...} 效果:

如果你的项⽬⾜够复杂，或需要多⼈协同开发时，在 app.vue ⾥会 写⾮常多的代码，多到结构复杂难以维护。这时可以使⽤ Vue.js 的 混合 mixins，将不同的逻辑分开到不同的 js ⽂件⾥。user.js

{代码...}

使用插件版本号(决定成败，非常重要) {代码...} 引入 {代码...} 模板 {代码...} swiper配置 {代码...} 样式 {代码...}

package.json {代码...} postcss.config.js {代码...} .gitignore {代码...} webpack.base.config.js {代码...} webpack.dev.config.js {代码...} webpack.prod.config {代码...}

gif-loading.js {代码...} 使用 {代码...}

*载入：0~5秒，每秒增加8%进度；5~10秒，每秒增加4%进度；10~20秒，每秒增加2%进度；超过20秒，每秒增加0.2%进度，最多不超过95%*

在使用 Vue.js 2.0 时，有独立构建（standalone）和运行时构建（runtime-only）两种版本可供选择。而在 Vue.js 1.0 中，却没有这种版本区别。到底该使用哪一个版本？这让我有点懵逼的感觉。本着知其然还要知其所以然的精神，我决定好好研究下两者间的区别。

如果你的项⽬⾜够复杂，或需要多⼈协同开发时，在 app.vue ⾥会 写⾮常多的代码，多到结构复杂难以维护。这时可以使⽤ Vue.js 的 混合 mixins，将不同的逻辑分开到不同的 js ⽂件⾥。user.js

返回按钮状态⾃动判断：history.length是不可靠的，它既包含了vue app路由记录，也包括其他 ⻚⾯的。可以添加⼀个⾃定义的历史记录管理栈，创建./utils/history.js

获取屏幕缩放比 {代码...} 获取URL的参数，返回一个对象 {代码...} 设置cookie {代码...} 获取cookie {代码...} 删除所有的cookie {代码...}

vue组件销毁时取消监听事件 {代码...} 外部监听组件或第三方组件的生命周期函数 {代码...} 状态管理小项目不用Vuex而是Vue.observable手写一个状态管理 store.js {代码...} 组件中使用 {代码...} Vue.extend + 单例模式去实现全局的loading Vue.extend是一个全局的api通过Vue.extend将组件转换为全局组件可以开发一些全...

dateUtil.js {代码...} 计算目前到目标日期还剩多少天 引入import dateUtil from '@/util/dateUtil' {代码...}

同样树形架构的插件 vue-orgChartjsPlumbvue-org-tree官网vue-org-tree {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...}

在项目中我们常常要求各页面样式统一，所以在使用组件时封装居多 {代码...} {代码...} {代码...} 可加拖动 {代码...} **将时间转换成字符串时间** {代码...}

webapck配置文件 vue.config.js {代码...} index.html {代码...} 命令行命令vue inspect webapck的所有配置 vue inspect --rules 查看webapck中的rules规则模块 vue inspect --rule vue 查看单个模块中的规则 vue inspect --plugins 可以查看配置中的所有插件 vue inspect --plugin vue-loader 单个插件的配置项 图标的...

服务器知识：koa、node.jsSSR原理：*将同⼀个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应⽤程序。*应⽤场景：

**返回按钮状态⾃动判断：history.length是不可靠的，它既包含了vue app路由记录，也包括其他⻚⾯的。可以添加⼀个⾃定义的历史记录管理栈，创建./utils/history.js**

可输入远程搜索的下拉框 {代码...} time-line的时间在上的格式和v-clipboard一键复制功能 {代码...} 时间天数组件el-date-picker {代码...} el-dialog可随点击按钮的位置动态改变 {代码...}

**在点击编辑图标显示下拉框，并给下拉框加上自定义指令，在点击下拉框外的时候，切换flag，隐藏框，显示图标。**如果点击的不是自定义指令绑定的dom元素，则会触发v-clickoutside后的函数， 这个函数里面要做一个辨识，防止一直触发在里面改变的状态（会陷入死循环）

初始于登录页面 Home.vue {代码...} About.vue {代码...} login.vue {代码...} /service/user {代码...} App.vue {代码...} cube-ui组件的引用 cube-ui.js {代码...} cube-ui的样式 theme.styl {代码...} axios 请求响应拦截器 interceptor.js {代码...} 路由守卫 路由 router.js {代码...} mock数据 或mock-easy vue.co...

Login.vue {代码...} 分别设置model和schema {代码...} 发起登录请求，Login.vue {代码...} 登录动作，store.js {代码...} 接口服务，service/user.js {代码...} vue.config.js中，模拟接口 {代码...} http拦截器 有了token之后，每次http请求发出，都要加载header上 {代码...} 接口验证 {代码...} http拦截响应 {代码.....

kvue源码 {代码...} compile源码 {代码...} 测试代码 {代码...}

递归组件Item创建 {代码...} 数据和使用 {代码...}

组件实例创建函数：create函数 {代码...} Notice组件 {代码...} 使用 {代码...}

状态与变更export default new Vuex.Store({ state: { count:0 }, mutations: { add(state) { state.count++ } } })

*mode: "history", //对浏览器比较友好base: process.env.BASE_URL, 在vue.config.js（node代码）中配置的基础路径vue.config.js 命令行工具要传给webpack的一些参数*

createElement 函数是用来生成 HTML DOM 元素的Vue.js 里面的 createElement 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。