vue
文章平均质量分 70
码客前端
一名积极向上的小程序猿
展开
-
Vue 自定义指令
自定义指令的使用原创 2023-07-16 20:26:38 · 469 阅读 · 0 评论 -
vuex 一文贯通_细_
一开始我在想,为啥不在actions中直接操作 state 呢,如果这样是不能在开发者工具(后面有说到)中看到此操作的,看本文章的第一张图就可以知道,只有mutations 中的操作才被会开发者工具查看到。当需要对 state 中的数据进行一些很复杂的数据处理时,比如对一个数字又乘又除还要开根号也要实现复用等复杂的处理,就可以使用getters 配置项。如果 actions 中的方法不需要做一些逻辑判断,可以直接 跳到 mutations,如上面进行加法的运算。原创 2022-10-11 10:50:39 · 384 阅读 · 2 评论 -
vant2 定制主题,NavBar 导航栏为例
注意像 @nav-bar-background-color 这些是不可以改变的,后面记得加分号’;在 main.js 里引入,要把css 的后缀名改为 less。第四步:在第二步新建的 theme.less 文件中配置。下面是 NavBar 导航栏提供的 less 变量。这里 vant 是使用全局引入的方式。原创 2022-09-13 13:38:57 · 1979 阅读 · 0 评论 -
vue-router 路由超详细教程
路由(英文: router)就是对应关系Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址:https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1在项目中安装 vue-router。原创 2022-09-06 17:55:52 · 41234 阅读 · 6 评论 -
vue插槽的基本使用
插槽(Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。原创 2022-07-25 16:56:56 · 4578 阅读 · 0 评论 -
vue动态组件component及keep-alive 保持状态
动态组件指的是动态切换组件的显示与隐藏。原创 2022-07-23 12:08:27 · 1666 阅读 · 2 评论 -
ref 引用(vue获取DOM元素)
ref 用来辅助开发者在不依赖于 jQuery 的情况下,获取 DOM 元素或组件的引用。每个 vue 的组件实例上,都包含一个 $refs 对象,里面存储着对应的 DOM 元素或组件的引用。默认情况下, 组件的 $refs 指向一个空对象。凡是以$开头的都是vue的内置成员如果想要使用 ref 引用页面上的 DOM 元素,则可以按照如下的方式进行操作:如果想要使用 ref 引用页面上的组件实例,则可以按照如下的方式进行操作:通过布尔值 inputVisible 来控制组件中的文本框与按钮的按需切换。示例代原创 2022-07-11 23:12:09 · 12683 阅读 · 0 评论 -
vue 组件之间的数据共享
在项目开发中,组件之间最常见的关系分为两种:2.1 父组件向子组件共享数据需要使用 自定义属性 。示例代码如下:子组件中 msg 的值是父组件中message复制过来的,两个彼此独立的(传简单类型)子组件中 user 传过的是对象的引用与父组件指向的是同一个内存(传复杂类型)2.2 子组件向父组件共享数据使用 自定义事件 。示例代码如下:在 vue2.x 中,兄弟组件之间数据共享的方案是 EventBus。EventBus 的使用步骤① 创建 eventBus.js 模块,并向外共享一个 Vue 的实例对原创 2022-07-09 22:17:27 · 987 阅读 · 0 评论 -
vue生命周期简介及钩子函数
生命周期(Life Cycle)是指一个组件从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。 生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。注意:生命周期强调的是 时间段,生命周期函数强调的是 时间点参考vue官方文档给出的"生命周期图示":https://cn.vuejs.org/v2/guide/instance.html参考资料...原创 2022-07-08 22:52:43 · 210 阅读 · 0 评论 -
.vue组件介绍
组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。template -> 组件的模板结构script -> 组件的 JavaScript 行为style -> 组件的样式组件中必须包含 template 模板结构,而 script 行为和 style 样式是可选的组件之间的父子关系4.1 使用组件的三个步骤安装Path Autocomplete 插件 敲路径 就会有提示安装完插件,如何还没路径提示,就进入设置里面的settings.json复制下原创 2022-07-07 22:38:03 · 945 阅读 · 0 评论 -
vue-cli脚手架(小白教程使用)
vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。官网上的一句话: 程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。中文官网:https://cli.vuejs.org/zh/vue-cli 是 npm 上的一个全局包,使用 npm install 命令,即可方便的把它安装到自己的电脑上:终端输入 检查是否安装成功在终端下运行如下的命令,创建指定名称的项目:最后一项表示手动安装哪些功能表示在项目中安装哪原创 2022-07-06 23:53:52 · 240 阅读 · 0 评论 -
Vue中axios完整用法
先安装 axios 安装完成后在组件使用 axios在另一个组件发起post请求如果其他组件也要使用axios发请求,就会发现这样非常的繁琐,每次都要导入axios和写完整的地址每一个.vue组件都相当于一个 Vue 的实例,可以理解为每一个.vue组件 都是new Vue这个构造函数得到的所以可以在 main.js 里面进行这样的配置:所以在组件时候可以这样使用: 表示通过组件实例访问到它原型的 axios 这个属性所以组件使用 axios 简化成如下示例代码:了解直接将 axios 挂载到原原创 2022-07-04 09:30:30 · 1518 阅读 · 0 评论 -
vue计算属性computed
计算属性指的是通过一系列运算之后,最终得到一个属性值。这个动态计算出来的属性值可以被模板结构或 methods 方法使用。原创 2022-06-26 08:53:42 · 130 阅读 · 0 评论 -
watch 侦听器
watch 侦听器允许开发者监视数据的变化,针对数据变化做特定的操作案例:监听 username 值的变化,并使用 axios 发起 Ajax 请求,检测当前输入的用户名是否可用:方法格式的侦听器对象格式的侦听器 如果只想监听对象中单个属性的变化,则可以按照如下的方式定义 watch 侦听器:.........原创 2022-06-24 23:11:28 · 437 阅读 · 0 评论 -
vue过滤器&全局过滤器
全局过滤器可以连续调用多个过滤器,例如过滤器传参过滤器本质是一个函数,因此可以接收参数原创 2022-06-17 10:11:44 · 401 阅读 · 0 评论 -
vue基础入门
vue是什么,以及vue的基本指令原创 2022-06-08 19:07:05 · 4666 阅读 · 0 评论