随笔分类 -  VUE.JS学习篇

浏览器上传图片
摘要：async uploadImage(e) { let _this = this; //上传图片并预览 let file = e.target.files[0]; //获取第一个文件 let fileSize = file.size / 1024 > 805; if (fileSize) { this 阅读全文
posted @ 2022-11-25 11:50 前端乔 阅读(198) 评论(0) 推荐(0) 编辑
代码调试篇
摘要：1.vconsole（插件库），移动端调试控制台输出， 阅读全文
posted @ 2022-11-04 17:22 前端乔 阅读(17) 评论(0) 推荐(0) 编辑
vue3-如何使用vuex设计你的数据流
摘要：一、vuex是什么 vuex就想当于我们项目中的大管家，集中式储存管理应用的所有组件的状态。 阅读全文
posted @ 2022-02-22 10:26 前端乔 阅读(77) 评论(0) 推荐(0) 编辑
vue3新特性总结、vue2项目如何升级到vue3
摘要：一、从以下方面了解 Vue 3 新特性 1.RFC机制 Vue 3 的第一个新特性和代码无关，而是 Vue 团队开发的工作方式。关于 Vue 的新语法或者新功能的讨论，都会先在 GitHub 上公开征求意见，邀请社区所有的人一起讨论， 你随时可以打开这个项目，我把链接放在这里https://gith 阅读全文
posted @ 2022-02-16 11:17 前端乔 阅读(2329) 评论(0) 推荐(0) 编辑
重温vuex
摘要：一、Vuex是什么？ vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集中到vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照 阅读全文
posted @ 2022-01-26 12:00 前端乔 阅读(29) 评论(0) 推荐(0) 编辑
vue成神之路
摘要：一、荣耀黄金 1.vue的优点？缺点？ 优点：渐进式，组件化，轻量，虚拟dom，响应式，单页面路由，数据试图分离 缺点：首屏加载时间长 2.vue和react的异同点 相同点： 1.都使用了虚拟dom 2.组件化开发 3.都是单向数据流（父子组件之间，不建议子组件修改父组件传下来的数据） 4.都支持 阅读全文
posted @ 2022-01-21 12:00 前端乔 阅读(112) 评论(0) 推荐(0) 编辑
vue3.0学习
摘要：vue3.0官网 https://vue3.chengpeiquan.com/update.html 阅读全文
posted @ 2021-07-10 10:40 前端乔 阅读(45) 评论(0) 推荐(0) 编辑
vue操作DOM
摘要：一、使用方法 在指定元素上，添加ref=“名称A”；在获取的地方加入this.$refs.名称A: 1. 如果ref放在了原生dom元素上，获取的诗句就是原生的dom对象 2. 如果ref放在组件对象，获取的就是组件对象。 <template> <div> 请输入内容 <input type="te 阅读全文
posted @ 2021-06-05 16:23 前端乔 阅读(912) 评论(0) 推荐(0) 编辑
vuex辅助函数
摘要：1.Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-trave 阅读全文
posted @ 2021-06-05 16:19 前端乔 阅读(209) 评论(0) 推荐(0) 编辑
router-link传递参数
摘要：1.路径：http://localhost:8081/#/test?name=1 <router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数) 使用：this.$route.query.id 2.路径：http 阅读全文
posted @ 2021-05-31 10:52 前端乔 阅读(1378) 评论(0) 推荐(0) 编辑
vue路由篇
摘要：二级路由 {path:"/mine", component: ()=>import("../views/Mine"), children: [ {path:"", component: ()=>import("../views/Default")}, {path:"info", component: 阅读全文
posted @ 2021-05-28 14:08 前端乔 阅读(41) 评论(0) 推荐(0) 编辑
Vue脚手架安装常用命令
摘要：创建vue项目时文件夹内容要为空不然无法创建 cmd切换盘符：E：回车。 切换淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 更新npm版本：npm install -g npm 1、安装vue2脚手架（1）、在 阅读全文
posted @ 2020-11-24 20:11 前端乔 阅读(4753) 评论(0) 推荐(1) 编辑
Vue05-初始化项目
摘要：## 一、 准备工作 ###１. 初始化项目 vue init webpack itany cd itany cnpm install cnpm install less less-loader -D cnpm install vuex axios -S npm run dev ### 2. 项目资 阅读全文
posted @ 2020-11-24 19:02 前端乔 阅读(76) 评论(0) 推荐(0) 编辑
vue04-模块化开发
摘要：## 一、模块化开发 ### 1. vue-router模块化 cnpm install vue-router -S #### 1.1 编辑main.js #### 1.2 编辑App.vue #### 1.3 编辑router.config.js ### 2. axios模块化 cnpm inst 阅读全文
posted @ 2020-11-24 19:00 前端乔 阅读(168) 评论(0) 推荐(0) 编辑
vue03
摘要：## 一、 组件component ### 1. 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码 组件是自定义元素（对象） ### 2. 定义组件的方式 方式1：先创建组件构造器，然后由组件构造器创建组件 方式2：直接创建组 阅读全文
posted @ 2020-11-24 18:58 前端乔 阅读(76) 评论(0) 推荐(0) 编辑
Vue02
摘要：## 一、 发送AJAX请求 ### 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：Git 阅读全文
posted @ 2020-11-24 18:56 前端乔 阅读(75) 评论(0) 推荐(0) 编辑
Vue01
摘要：## 一、 Vue.js简介 ### 1. Vue.js是什么 **Vue.js**也称为Vue，读音/vju:/，类似view，错误读音v-u-e + 是一个轻量级MVVM（Model-View-ViewModel）框架，和angular、react类似，其实就是所谓的数据双向绑定 + 数据驱动+ 阅读全文
posted @ 2020-11-24 18:54 前端乔 阅读(53) 评论(0) 推荐(0) 编辑