vue

文章目录 一、app.use 1.使用场景 2.原理 二、封装自定义插件 1.写法一 2.写法二 3.应用插件 4.注意事项 总结 一、app.use 1.使用场景 不论是Vue2中的Vue.use亦或者Vue3中的app.use。其功能主要是用在 插件的安装上 ，往往是在项目的入口文件（比如main.js）中。被use的插件多数是 NPM 中的第三方库 。在必要的时候， 也可以封装一个自定义的插…

有些时候，不得不想添加、修改数组和对象的值，但是直接添加、修改后又失去了getter、setter。 由于 JavaScript 的限制， Vue 不能检测以下变动的数组： 1. 利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue 2. 修改数组的长度时，例如： vm.items.length = newLength 为了避免第一种情况，以下两种方式…

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 valueattribute 用于不同的目的。 model 选项可以用来避免这样的冲突 Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props…

1.v-bind：class：绑定class样式。通过控制isActive变量值来实现是否显示；通过.active样式设置背景颜色。 2.支持普通的class与v-bind绑定样式混合使用； v-bind中支持多个动态样式，例如增加一个green:isGreen动态样式；下面style中添加相应的样式。 这里在v-bind中也支持数组形式的样式名称，如下： 同时也支持三元运算，动态样式。 3.v-…

Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架，单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。 1. 环境搭建 // 安装脚手架 npm install -g vue-cli // 初始化项目 vue init simulatedgreg/electron-vue my-project // 进入项目 cd my-proje…

第一个原因是自己的导航栏中的router没有开启，所以你无论写了多少个子路由，点击多少下，写的再好也是没有用，首先确保这个要开启。element-ui里面的开启方法是:router="true" 第二个原因就是看看自己的index=""是否添加了子路由 版权声明：本文为GetAlone原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://bl…

一.vue生命周期： **从创建 **到 销毁 的整个过程就是 – Vue实例的 - 生命周期 1.钩子函数 Vue 框架内置函数，随着组件的生命周期阶段，自动执行 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据 4大阶段8个方法 初始化 挂载 更新 销毁 阶段 方法名 方法名 初始化 beforeCreate created 挂载 before…

一、定时器的写法：（本例运用的是setInterval） （1）对定时器使用的基本理解 定时器名 = setInterval(“要执行的函数名”，定时时间毫秒); //定时器 clearInterval(“定时器名”); //取消定时器 （2）本例中应用的模式 var id=setInterval(()=>{ a=this.processbar(); console.log("a is"+a…

插件使用场景 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种： 添加全局方法或者 property。 添加全局资源：指令/过滤器/过渡等。 通过全局混入来添加一些组件选项。 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router。 开发插件 Vue.…