丨小毛子的博客

在vue官方文档里明确了v-for和v-if不推荐同时在一个节点使用。而原因就是它们两个的优先级不同，但是vue2.0文档和vue3.0文档里它们的优先级不一样。vue2.0版v-for和v-if优先级当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。//当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，所以这个模板：<ul> <li v-for="user in users"

vue-cli2和vue-cli3新建项目的常用命令1、安装vue-cli2脚手架（1）在cmd命令行中输入脚手架安装命令(win+R打开cmd或Windows PowerShell)；（2）全局安装vue2脚手架：npm install -g vue-cli 或者指定版本：npm i vue-cli@2.9.6 -g；（3）安装以后，输入：vue -V 出现相应的版本号，则表示安装成功；（4）卸载脚手架：npm uninstall -g vue-cli；2、搭建项目（1）、初始化项目：vue

分享9个非常实用的Vue自定义指令在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令，新建 directives/index.js 文件imp

介绍及说明1、背景介绍：最近因为公司的项目，对一个后台管理系统进行前端重构，原项目是SSM架构的前后端没有分离，前端用JSP和jQuery来写的，在完成第一期之后，我强烈要求前后端分离，并使用vue来组件化开发。所以经过几天的摸索完成了项目的整体搭建和基础建设。2、项目要求：因为原先的项目的菜单都是后台来动态生成的，所以用vue来写也要从后台获取路由表，前端再处理成我们想要的路由格式，再完成侧边栏菜单；并且前端页面里有一个模块专门来管理生成菜单和权限（也就是前端自定义一些菜单信息传给后端，后端把数据存到

今天在写一个移动端的通过路由来跳转页面的功能时遇到一些问题：1 、通过this.router.push({ path: ‘register’, query: { plan: ‘private’ }})的方法对页面进行来回跳转时，出现页面每次跳转都会刷新当前页面，但是我当前页面有form表单，这样会导致之前已经填写的内容会被重置，不符合要求。于是我就在父组件使用了< keep-alive > 组件包裹我的页面内容，然后页面的内容被缓存了起来，再进行页面路由的跳转也确实没有重置之前写的内容，但是