随笔分类 - VUE
摘要：第一步执行命令安装 npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 第二步创建配置文件 npx tailwindcss init 然后根目录下就有一个文件tailwind.c
阅读全文
摘要：第一步就是配置，主要是是是三个文件webpack.config.js ,package.json，index.html还有一个要注意的文件是..gitignore package.json注意我标的红框的配置 { "name": "easy-ui-liuxueqin",//这是包名 "descrip
阅读全文
摘要：第一步就是我们平常的写的vue组件，比如dialog，我的目录如下，这里面目录自己随意写 main.vue组件，编写组件 1.根据传入的 type 确定弹窗的类型（成功提示，失败提示，警告，加载，纯文字） 2.设置弹窗消失的时间 <template> <div class="dialog-mask"
阅读全文
摘要：第一步搭建项目 vue init webpack-simple 项目名称 第二步安装dotenv（如果不需要配置不同环境这一步就结束了） npm install dotenv --save 第三步添加多环境的配置文件 测试环境，开发环境，线上环境 这三个文件中各填写你想要配置的环境的变量和参数 #
阅读全文
摘要：1.第一种文件格式。在入参数的时候new FormData()，然后把formData这个对象传入就OK let formData = new FormData(); formData.append("file", param.file); 2.就是普通的data,然后传入对象就OK let dat
阅读全文
摘要：1.安装lib-flexible npm i lib-flexible --save 2.在main.js引入lib-flexible import 'lib-flexible/flexible' 3.安装postcss-pxtorem npm install postcss-pxtorem -D
阅读全文
摘要：一.页面层级的组件刷新 1. 首先在路由中添加keepAlive:true { path: '/login', component: (resolve) => require(['@/views/login'], resolve), hidden: true, meta: {keepAlive:tr
阅读全文
摘要：var routes=[ {path: '/caseOpusDetail/:id(\\d+)/:platformName'},]路由情况一 配置路由：{ path: '/casedetail/:caseId(\\d+):customerName',component: (resolve) => re
阅读全文
摘要：出现这个问题的起因：在一个VUE页面中，引入两个组件，A组件实现基础信息展示，B组件展示列表，我要通过A组件的一个按钮触发状态，然后B组件根据A组件触发的状态来做业务处理，首先想到的是把状态放在localStorage，接下去就是在B组件怎么监听A组件状态 解决方法： 1.首先在 main.js 中
阅读全文
摘要：第一步：安装批量插件 npm i svg-sprite-loader --save 第二步，封装SVG组件 <template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon"
阅读全文
摘要：1.解决方法，我想大家都知道 本地存储——localstorage \sessionstorage 2.这是想讲的第二个方法 用VUE中钩子函数beforeRouteEnter export default { data() { return { obj:{} }; }, beforeRouteEn
阅读全文
摘要：ES6新添加两个数据类型 1.数据类型Set集合：set常用于去重操作 2.数据类型Map：map可以避免键值必须为字符串的限制,其键值可以为对象、数组等 3.Symbol类型：在用相同的字符串对对象属性名或方法进行命名时会发生命名冲突，而使用symbol产生的名字是不同的 ES6新增的一些特性：
阅读全文
摘要：一般做项目的时候我们有公用的参数，还有各模块自己的参数 一：首先是公用参数的拆分城四个JS 然后states.js如下 export default { count:0, name: '张三' } mutations.js如下 export default { addName(state,obj){
阅读全文
摘要：一 安装 npm install vuex --save 二 我们项目 目录下建立一个 store 文件夹，并且在下面建立一个 store.js 文件 store.js中引入 Vue 和 Vuex 并且 Vue.use(Vuex); 三在main.js中挂载 main.js中代码如下 四 在stor
阅读全文
摘要：1.在父组件中调用子组件，父亲传值给子组件 子组件如下，把要传给给父亲的值放在props中 template> <!--底部导航--> <div class="index-bbar"> <ul class="flex" > <li v-for="(item,index) in liAry" :cla
阅读全文
摘要：一：首先进入项目目录中安装 install vue-awesome-swiper@2.6.7 --save 2.使用 全局挂载： import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' // require st
阅读全文
摘要：<template> <div class="first-app"> {{msg}} <br/> {{msg1}} <Confin text='注册' @message="getMeaasge"></Confin> </div> </template> <script> import Confin from '@/components/sub/Confin'; export default { n
阅读全文
摘要：1、beforeCreate执行时：data和el均未初始化，值为undefined 2、created执行时：Vue 实例观察的数据对象data已经配置好，已经可以得到app.message的值，但Vue 实例使用的根 DOM 元素el还未初始化 3、beforeMount执行时：data和el均
阅读全文
摘要：一：安装，axios请求数据的，mock模拟数据 二：在src下新建一个mock.js mock.js里面模拟两条接口数据 三、在main.js导入mock 和axios import axios from 'axios' import './mock.js' Vue.prototype.$http
阅读全文
摘要：第一步:安装nodeJs 第二步:运行cmd,打开命令行 第三步:安装cnpm 1 npm install -g cnpm --registry=https://registry.npm.taobao.org 2 npm config set registry https://registry.np
阅读全文
浙公网安备 33010602011771号