vue的学习
关注
分享
扫一扫
文章平均质量分 70
马马虎虎敲可爱
这个作者很懒，什么都没留下…
展开
-
搭建vue项目步骤
如何搭建一个vue项目参考博文地址；https://www.cnblogs.com/hellman/p/10985377.html一、安装node环境node -vnpm -v检查是否安装成功：如果输出版本号，说明我们安装node环境成功二、搭建vue项目环境1、全局安装vue-clinpm install --global vue-cli2、进入你的项目目录，创建一个基于webpack模板的新项目vue init webpack 项目名说明：Vue build ==>原创 2021-03-12 14:22:12 · 160 阅读 · 0 评论 -
实现移动端调取摄像头拍照并截取图片上传
实现移动端调取摄像头拍照并截取图片上传使用vant配合vue-cropper 实现调取摄像头拍照上传并截取图片做项目需求用到H5调用摄像头上传图片并且需要截取图片上传，使用vant 框架的文件上传组件Uploader 配合vue-cropper实现拍照截图上传功能。npm install vue-cropper组件内使用import { VueCropper } from 'vue-cropper' components: { VueCropper,},main.js里面使用im原创 2020-07-07 15:34:32 · 2150 阅读 · 0 评论 -
vant UI框架适配移动端字体
vant UI框架适配移动端显示 做移动端项目时使用了vant框架，但电脑显示字体正常，真机上显示字体特别小，记录实现移动端适配的方法，以便做资料查询。1、先安装amfe-flexible 用于设置 rem 基准值 npm i -S amfe-flexible2、在main.js文件中引入lib-flexible import 'amfe-flexible/index.js'3、安装postcss-pxtorem postcss 插件，用于将单位转化为 rem npm instal原创 2020-07-07 14:54:54 · 1863 阅读 · 0 评论 -
微信授权
微信公众号网页调起授权（前端） 微信网页公众号开发调起授权页面方法，前端操作用户同意授权，获取code为了区分用户是否授权，可以把openId 存储在本地缓存，通过判断openId 区分用户是否授权。 mounted() { if (!localStorage.getItem("openId")) { // 如果缓存localStorage中没有微信openId，则需用code去后台获取 this.getCode(); } else { // 如果缓原创 2020-07-07 14:43:23 · 225 阅读 · 0 评论 -
vue的组件通讯之父子通讯
可复用的搜索组件* 组件通讯* 父 -> 子 1. 在组件标签中写入属性 2. 在组件配置中声明propsprops数据验证限定类型指定默认值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-06-17 21:57:50 · 156 阅读 · 0 评论 -
v-for实现简单tab切换
tab标签切换* 标签与内容一一对应指令* v-for * v-for ...in * v-for ...ofv-on配置选项methods<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2019-06-17 11:17:14 · 1477 阅读 · 1 评论 -
Vue模块系统
文章目录#VUE##模块系统在很多 Vue 项目开发中，常规做法：1. 定义组件， 2. 使用组件（如下代码） //定义全局组件 Vue.component('my-component',{}); // 在模板中使用组件 new Vue({ el: '#app ' template:'<div><my-com...原创 2019-04-09 19:28:40 · 2581 阅读 · 0 评论 -
Vue组件
文章目录#VUE##组件Component组件是 Vue最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树###优点代码复用便于维护###组件要求data必须为Function类型每个组件必须只有一个根元素,否则报错注册时组件名可以是kebab-case或...原创 2019-04-09 19:27:05 · 180 阅读 · 0 评论 -
Vue的安装使用与了解、生命周期、钩子函数、事件等
文章目录了解VUE这两年国内最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。Vue.js 是一个基于MVVM模式的一套渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向...原创 2019-04-09 19:22:05 · 202 阅读 · 0 评论 -
VueX的简单使用
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。其实最简单理解为，在我们写Vue组件中，一个页面多个组件之间想要通信数据，那你可以使用Vuex* Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式* Vuex状态管理 === 管理组件数据流动 === 全局数据管理* Vue的全局...原创 2019-04-09 17:17:44 · 210 阅读 · 0 评论