![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue纪要
艾米家的猫儿(傻钢)
talk is cheap, show me the code(甭废话,把你的程序(code)给我看)
展开
-
vue 右键使用 组件vue-contextmenujs
vue 右键使用 vue-contextmenujs 组件内使用原创 2023-03-23 10:04:10 · 690 阅读 · 0 评论 -
VUE antdesign 开发即时通讯基础样式
vue 开发即时通讯原创 2023-02-24 16:01:26 · 283 阅读 · 0 评论 -
vue 开发环境 卸载node 版本 切换新的 node 版本 mac电脑
注意:操作的机器当前是mac,先卸载,再安装原创 2023-02-15 09:06:00 · 1110 阅读 · 0 评论 -
uniapp app 端截屏且保存到本地
uniapp 开发 APP端截屏且保存到本地原创 2022-06-17 15:59:51 · 1883 阅读 · 1 评论 -
ant-desing-table 全局刷新 及 当前分页刷新 第二页修改返回第二页刷新 a-table 与 s-table 都是一样的 使用方法this.$refs.table...
刷新第三页数据原创 2022-06-14 10:41:12 · 5932 阅读 · 2 评论 -
vue 项目 想修改代码严格模式 lintOnSave
1.再根目录下创建一个文件vue.config.js!2.写如下代码!module.exports = { lintOnSave:true ,// 严格模式开启(默认true)或者关闭(false)}3.修改跟文件记得要重启项目!原创 2021-12-20 13:29:54 · 1188 阅读 · 1 评论 -
安装vue3项目(vite和webpack两种方式)
第一步,使用webpack来创建项目1.检查当前vue版本( 检查当前vue版本,不高于4.5.请更新先卸载再更新最新版本)vue -V2.卸载vue及更新vuenpm uninstall vue-cli -g //卸载npm install -g @vue/cli // 更新3.借助脚手架创建vue3项目,创建完成后,根据自己的实际情况进行选择vue create 项目名称我用得yarn4.启动项目cd 项目名yarn serve方式二 ,使用心得vite创建v原创 2021-12-20 13:21:10 · 1682 阅读 · 0 评论 -
Vue - 面试大纲26问
1.声明周期理解;2.对mvvm理解;3.v-model和:value区别;4.watch监听;5.计算属性computed;6.watch和computed却别;7.动态class;8.v-show和v-if区别;9.v-if和v-for是否能同用再一个节点上;9.父子兄弟组件传参5中方法;10.插槽得应用及传参;11.vuex得应用理解,state,getters,mutations,actions和mapState,mapGetters,mapActions ;12.vueRouter的应用。原创 2021-11-29 13:17:56 · 2336 阅读 · 0 评论 -
Vuex理解使用;store封装;actions,mutations,state,getters使用;mapState,mapGetters,mapMutations,mapActions使用
**搭建vuex环境**1.安装 npm i vuex2. 引入store;import store from ‘你的存放路径’在new 中 写store使用store;创建store的两种方式src下创建store文件夹,新增一个index.js文件编写index.js文件 创建三个对象分别是actions ,mutations,state// 引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)..原创 2021-11-17 15:51:07 · 1431 阅读 · 0 评论 -
Vue 引入外部css样式两种方式 import 和link ; mixin.js的使用、全局引入封装的样式;
全局使用动态样式及 mixins 的使用!原创 2021-11-17 11:57:54 · 8725 阅读 · 0 评论 -
axios 的使用,跨域解决,vue-cli 配置代理服务器, proxy配置两种方法
**安装axios**1.安装: npm i axios2.引入: import axios from axios;3.请求getaxios.get('访问地址').then( res => { console.log('成功的返回') }, err = > { console.log('失败的返回') })问题1,跨域(同源:服务名,主机名,端口号必须一致),下图两个字段代表跨域解决办法,1.cors,不需要前端人员操作;让后端配置返回参数中的响应头;原创 2021-11-17 11:45:47 · 564 阅读 · 0 评论 -
vue动画两种方式,第一种原生的vue写,第二种使用animate.css库
**// appear=> true 初始化进入页面执行动画 原生vue直接使用// 注意:没有name 样式直接用v-enter-active// 有name 样式需要用hello-enter-active// 样式中动画名称固定 默认用v- 有name 用的是hello// transtion 没有任何实际作用,跟block意思很像;**## 方法一 借助动画实现<transtion appear name='hello'> <h1>hello原创 2021-11-17 10:56:22 · 389 阅读 · 0 评论 -
判断对象是否有指定的属性 hasOwnProperty的使用及给对象增加一个属性,input自动获取焦点,$nextTick的使用和定义
**判断对象中是否有指定属性**let person ={ name:'张三', age:19}let isHave = person.hasOwnProperty('sex') // => false注意:判断person对象中是否有sex属性,没有返回false,有返回true;**向某个对象中追加指定属性** this.$set('对象名','对象key','对象val')**input自动获取焦点** // 在 input 上加一个ref属性名为i原创 2021-11-17 10:09:19 · 261 阅读 · 0 评论 -
vue 全局事件总线$bus理解(任意组件间传参), pubsub消息订阅与发布理解
$bus 全局事件总线理解子传父理解原创 2021-11-16 17:28:37 · 583 阅读 · 0 评论 -
VUE 脚手架笔记 vue.config.js配置文件默认有状态等,可以重写
![在这里插入图片描述](https://img-blog.csdnimg.cn/5f28257d836c42ff88b11f62030142ea.png原创 2021-11-16 12:44:38 · 124 阅读 · 0 评论 -
vue 计算属性 computed得使用和充分理解
<script type="text/javascript"> const vm = new Vue({ el:"#root", data:{ firstName:'张', lastName:'三胖', }, computed:{ fullName:{ get(){ return.原创 2021-10-19 14:56:09 · 63 阅读 · 0 评论 -
vue 去掉开发中的没所谓的错误提示
Vue.config.productionTip = false原创 2021-10-14 15:43:33 · 1099 阅读 · 0 评论 -
vue缺省页面处理,找不到页面处理
原创 2021-10-11 16:37:04 · 652 阅读 · 0 评论 -
vue uniapp 兼容
:src="https://e-chain.cnskl.com/storage/imageresource/no-image/${name}.png"原创 2021-09-08 09:22:23 · 427 阅读 · 0 评论 -
vue 或react 用js生成世界上唯一的id
1.安装yarn nanoid 或者npm install nanoid2.调用import {nanoid} from 'nanoid'这样就可以用nanoid了 随便找个地方打印下console.log(nanoid())原创 2021-04-07 16:31:40 · 564 阅读 · 1 评论 -
vue 三种传参方式之一 非父子组建传参 $emit $on
A页面 跳 B页面 带参数‘editGoodShows‘ 是这个传值的参数名 所以 传和接要统一方法如下 四步骤1.eventBus.js文件如下 ,放到随便位置一般放在utils里import Vue from 'vue'export default new Vue()注意:如果有报错记得最有一行加个换行2.A B 页面都需要引入eventBus.js文件import eventBus from '@/utils/eventBus'3.A页面/...原创 2021-03-04 14:08:21 · 252 阅读 · 2 评论 -
vue 拨打电话
gotel () { // console.log(1) window.location.href = ‘tel:4008820666’}原创 2021-02-23 15:48:46 · 234 阅读 · 0 评论 -
vue 使用 antv/f2 饼状图 柱状图 npm install @antv/f2 --save
1.安装前提:已经是可以运行的vue移动端项目。移动到项目目录:npm install @antv/f2 --save2.引入不需要在main.js中单独引入,哪个文件使用了就在哪个文件引入。// 直接上代码 自己借鉴文档 使用<template lang="html"> <div class="about"> <canvas id="myChart" width="400" height="260"></canvas>原创 2021-02-18 15:17:22 · 1639 阅读 · 9 评论 -
vue 使用vant 上传头像并剪切上传
https://blog.csdn.net/Jackson991/article/details/107344345/?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-2&spm=1001.2101.3001.4242转载 2021-01-11 17:47:31 · 1353 阅读 · 0 评论 -
vue中监听数据变化 watch的全面解析(三种方法)
watch是一个对象,对象就有键跟值, 键就是我们要监听的数据, 值可以是函数:当我们监听的数据发生变化时,需要执行的函数,这个函数有两个形参,第一个是当前的值,第二个是变化后的值;举例如(ps1) 值也可以是method中的函数名:函数名要用引号来包裹;举例如(ps3) 值也可以是包括选项的对象,老厉害了,老厉害了 选项包含三个: A、第一个值handle:其值是一个回调函数,就是监听对象对话的时候需要执行的函数 B、第二个...转载 2021-01-07 16:41:21 · 4688 阅读 · 2 评论