随笔分类 - Vue
摘要：1、组件封装基础 npm install countup@latest npm install countup@latest 2、组件中使用id值 3、组件中获得dom 如何封装一个组件，在组件中用到需要传入HTML元素ID值的JS库时如何处理，如何获取一个DOM或一个组件实例，插槽、$nextTi
阅读全文
摘要：# Mock简明文档 ## Mock.mock() - Mock.mock( requestUrl?, requestType?, template|function(options) ) - Mock.mock( template ) - Mock.mock( requestUrl, templa
阅读全文
摘要：思路：使用Mock拦截actions请求，通过 Mock.mock(/\/getUserInfo/, 'post', getUserInfo) 进行拦截标示，然后将内容返回
阅读全文
摘要：典型的工具类封装，增加拦截起来做相应的处理 user.js： axios.js 工具类：
阅读全文
摘要：跨域的定义： 解决方法： 1、前端通过配置来解决跨域问题：自定义的vue.config.js配置文件来进行跨域处理：就是只要存在跨域现象 都会代理到一个指定的地址上 2、服务端是通过前端塞一些header值来解决跨域： 例子： 1、home页添加按钮：请求数据，
阅读全文
摘要：概述，普通的直接通过input修改值然后取是不符合vue的规格的，所有数据定义和传递必须通过actions或者mutation来做 思路：通过在mutation层对字段进行定义值，在store中通过v-model来实现双向绑定，这里要注意在实现该双向绑定的时候一定要定义该函数的get、set方法，然
阅读全文
摘要：严格模式：开发过程中对规范的要求，定义方式为在store实例初始化的时候将strict设置为true，这样的话就是开启了严格模式。在这种情况下，如果要直接修改state里面的值，那就会报问题。那么也可以继续深化，根据环境来判断严格模式的要求，如果是开发模式就被拦截，如果是生产模式就放行： stric
阅读全文
摘要：Vuex可以支持插件形式，来处理指定业务，比如：持久化存储的插件（当每次刷新浏览器的时候store里面的参数都会被清除，因为它是存在内存中的，而不是存在本地的，有时候我们希望将一些东西存在本地） 插件其实是一个函数，它只有一个参数就是store，这个函数实在store初始化的时候（实例初始化的时候）
阅读全文
摘要：概述： 动态注册模块分为两种，一种是在根state下注册一个模块，一种是在模块下再自动注册一个模块 第一种：根state下动态注册模块： 思路：通过store来实现，this.$store来获取当前的实例内容，然后通过当前根实例的registerModule方法来实现模块动态注册： 使用的时候通过c
阅读全文
摘要：思路：通过提交一个 mutation，而不是直接变更状态，它可以包括异步操作，通过请求接口，定义一个方法,第一个参数为对象，在里面能够提取到一些东西，比如：commit，这是一个方法，调用这个commit去提交一个mutation 总结： 1、mapActions是一个方法，注意它的定义位置不能放在
阅读全文
摘要：路由组件传参：如果在一个页面中，需要根据路由去获得参数，去对页面进行一些逻辑处理，首先可以通过this.$router来获取路由实例的参数，这样页面组件和路由就进行了耦合，为了进行分离，更大程度复用，我们推出了路由组件传参的实现方案： 第一种传参方式为：布尔模式，它适用于有动态路由传参的路由配置中，
阅读全文
摘要：前提：通过项目结构个人设置创建的项目 store文件下actions.js、mutations.js、state.js都是根级别的状态管理，引用入口是通过index.js来实现,整个Vuex处理逻辑为： 一、state 实现方式1:访问根(state.js)状态的方式 在state.js定义的值，可
阅读全文
摘要：一、父子组件之间通信 思路：定义一个个人组件，个人组件通常需要在前缀统一命名一下，如：AInput，该组件的作用是将编辑框中的内容获取并通过事件提交出去，然后在目标组件（store）中通过双向交互模式（v-model）来接收。具体实现为： 1、路由列表增加一个入口： 2、定义自定义组件：AInput
阅读全文
摘要：思路就是通过 transition-group 这个组件来对多组件进行控制，效果是通过样式来写，transition-group要有指定的key值，样式中通过name来命名类的名字 继续深入一下效果的实现：就是路由中存在某个参数效果再去呈现，实现思路：增加watch监听，来查看当前实例的路由参数数据
阅读全文
摘要：路由源信息：每一个路由对象，可以配置一个meta字段,它里面可以存放一些我们定义的信息,比如说页面是否需要一个权限 /router/index.js:
阅读全文
摘要：一、作用： 它可以帮我们在路由发生跳转，到导航结束的时间内，做一些相应的逻辑处理，分为：全局守卫，和专项守卫 1、全局收尾： (a)、前置守卫：router.beforeEach(to,from,next),router实例的beforeEach方法能够注册一个全局前置守卫，，用途例如做典型的登陆判
阅读全文
摘要：1、router-link和router-view组件 router-link组件实际上是封装了一个a标签(链接标签)，里面有一个重要属性：“to”,它的值是一个路径，其路径对应的渲染组件，要在路由列表（router->router.js）里定义，该路由列表为一个数组形式存放不同的路由对象，一个基本
阅读全文
摘要：通过上一篇文章（Vue-admin工作整理（一）：项目搭建）操作完毕后，基础项目已经搭建，下面就要对项目本身进行一下项目结构调整来符合自己的项目要求 1、首先要对package.json文件进行调整，使项目初始化后浏览器要自动弹出，在原有的配置下，增加 --open 2、根目录中增加一个.edito
阅读全文
摘要：1、首先要安装vue-cli 3.0以上版本，和git 该版本可以支持页面化快速创建： sudo npm install -g @vue/cli 安装完毕后查看vue版本信息：vue -V 2、安装好vue-cli 3.X后，就可以通过vue ui来进入项目创建页面了 创建页面如下： 3、该页面会检
阅读全文
摘要：1、安装 vue包：npm i vue -S 2、由于在webpack中，推荐使用.vue这个组件模版文件来定义组件，不然会出现vue.js移动和一些高级语法的不支持,因此需要安装能解析这种文件的loader：npm i vue-loader vue-template-complier -D 3、在
阅读全文
浙公网安备 33010602011771号