2022年4月15日
基于Vant组件库的Vue2.x单页面程序项目开发演示
摘要： 开发步骤如下： 安装和配置 Vue 和 Vant 组件库 安装Vue：vue create 项目名称（记得选上 vue-router 项） 启动项目：npm run serve 了解一下创建后的项目目录： 其中，src 里面的 components 文件夹用来存放可以复用的组件的，views 文件夹 阅读全文
posted @ 2022-04-15 23:29 RHCHIK 阅读(473) 评论(0) 推荐(0) 编辑
Vue项目中用模块化思想封装axios
摘要： 1. 在 src 目录里新建 utils 文件夹（表示工具类，里面建立 request.js 文件[ 里面封装axios ] ）和 api 文件夹（用来存放各类 api.js 文件，比如 articleAPI.js )。 例如： request.js 封装： 查看代码 // 导入 axios 前记得 阅读全文
posted @ 2022-04-15 23:26 RHCHIK 阅读(173) 评论(0) 推荐(0) 编辑
2022年4月14日
Vue2.x路由vue-router
摘要： # vue-router的基本使用 1. 什么是vue-router vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA（单页面应用程序） 项目 中组件的切换。 2. vue-router安装和配置步骤 ① 安装 vue-rout 阅读全文
posted @ 2022-04-14 17:01 RHCHIK 阅读(408) 评论(0) 推荐(0) 编辑
5.Vue2.x动态组件+插槽+自定义组件+vue项目代码规范
摘要： # 动态组件 动态组件，即可以动态切换显示和隐藏的组件。 1. 动态组件的使用 vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染。默认情况下，切换动态组件时无法保持组件的状态（即切换了组件，再切换回来，之前的数据内容会丢失，因为之前的组件销毁了）。此时可以使用 vu 阅读全文
posted @ 2022-04-14 14:39 RHCHIK 阅读(312) 评论(0) 推荐(0) 编辑
2022年4月12日
数组方法总结
摘要： 本文内容： 1. ES5常见的数组方法： forEach ，map ，filter ，some ，every ，reduce 除了forEach，其他都有回调，都有return 2. 其他数组方法 1. forEach(循环迭代) 查看代码 forEach(f(item[,index]){})语法 阅读全文
posted @ 2022-04-12 21:07 RHCHIK 阅读(76) 评论(0) 推荐(0) 编辑
4.Vue2.x获取DOM元素或组件的ref和this.$nextTick(cb)方法
摘要： # ref引用 ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的 $refs 指向一个空对象。 1. 使用 ref 引用DOM元素 如果 阅读全文
posted @ 2022-04-12 18:36 RHCHIK 阅读(1199) 评论(0) 推荐(0) 编辑
Vue项目中，用@代替src文件夹作为跟路径的插件安装和配置
摘要： 插件名称：Path Autocomplete 安装后配置： 然后将下面代码放进settings.json文件里面的大括号就行。 //配置path-autocomplete插件开始 //导入文件时是否携带扩展名 "path-autocomplete.extensionOnImport": true, 阅读全文
posted @ 2022-04-12 01:20 RHCHIK 阅读(433) 评论(0) 推荐(0) 编辑
3.Vue2.x组件（含组件注册使用、组件生命周期函数、组件之间的数据共享）
摘要： # 了解组件 vue 中规定:组件的后缀名是 .vue。因此，组件一般是以 .vue 后缀的，比如 App.vue 文件本质上就是一个 vue 的组件。组件化开发，根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。 1. 组件的组成 每个 .vue 组件都由 3 部分 阅读全文
posted @ 2022-04-12 00:54 RHCHIK 阅读(186) 评论(0) 推荐(0) 编辑
2022年4月11日
2.Vue2.x使用vue-cli创建Vue项目的步骤
摘要： # 什么是 vue-cli vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 引用自 vue-cli 官网上的一句话:程序员可以专注在撰写应用上，而不必花好几天去纠结 webpack 配置的问题。 # 安装和使用vue-cli 阅读全文
posted @ 2022-04-11 00:04 RHCHIK 阅读(833) 评论(0) 推荐(0) 编辑
2022年4月9日
1.Vue2.x指令+过滤器+侦听器+计算属性
摘要： # 什么是 vue 1. 构建用户界面 用 vue 往 html 页面中填充数据，非常的方便 2. 框架 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！ 要学习 vue，就是在学习 vue 框架中规定的用法！ vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex 阅读全文
posted @ 2022-04-09 21:11 RHCHIK 阅读(105) 评论(0) 推荐(0) 编辑