随笔- 41
文章- 0
评论- 2
阅读-
15450
随笔分类 - vue
vue,vue-router,vuex
vue echarts 多个图表自适应
摘要：<template> <div :id="id" :style="{width: `{height}`}" ></div> </template> <script> let echarts = require('echarts/lib/echarts') r
阅读全文
vue iview前端直接上传OSS
摘要：1. 首先安装oss npm install ali-oss --save 2. // template部分 <Upload ref="upload" type="drag" :default-file-list="file" action="" :before-upload="handleBefo
阅读全文
vue + vant 移动端适配
摘要：1. 设置动态根字号大小，/public/phone-adapt.js，在index.html中引入 (function (doc, win) { const docEl = win.document.documentElement; const resizeEvt = 'orientationch
阅读全文
vue 源码（一）
摘要：1. vue 目录结构 （src） |-- dist 打包后的vue版本 |-- flow 类型检测，3.0换了typeScript // 使用flow定义和检测类型，增强代码健壮性 |-- script 构建不同版本vue的相关配置 |-- src 源码 |-- compiler 编译器 // 将
阅读全文
vue base (三)
摘要：1.混入 mixin 一个混入对象可以包含任意组件选项 // mixins.js let myMixin= { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from
阅读全文
vue lodash防抖和节流
摘要：组件内 <Button v-on:click="hello">测试节流</Button> <Input type="text" v-model="text" @input="showText"/> script 部分 import _ from 'lodash' methods: { // 节流 h
阅读全文
vue base (二)
摘要：1.props父组件向子组件传值 父组件： <div><Child :name="name"></Child></div> 子组件： props: {name: String} 2.emit子组件向父组件传值 父组件： <div><Child @getValue="getValue"></Child
阅读全文
vue base (一)
摘要：1.在html文件中使用: 引入vue.js <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> body部分 <div id='app'>{{ message }}</div> script部分 var app
阅读全文
SPA项目搭建（vue 2, vue-cli>4）
摘要：1.首先安装好node.js 2.全局安装vue-cli脚手架，此版本是vue-cli 4以上 npm install -g @vue/cli 3.vue create project-name 4.这里已经可以选择vue的版本了，vue 2 或者vue 3，这里我们选择Manually selec
阅读全文
