Vue
关注
分享
扫一扫
针对vue实战
@Herry
懒人
展开
-
仿v-moudle实战
我们先看一下效果图实战我们先建立一个html，和vue实战一样：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>simulate-vue</title> </head> <style> #app { text-align: center; }</styl.原创 2020-07-22 11:49:38 · 257 阅读 · 0 评论 -
vue-sytle样式抽离
效果源代码<template> <div class="divClass"> <!-- 使用集合形式，style则对应集合，当前可应用于redClass中 --> <div :style="divStyle" class="redClass"></div> <!-- 使用单个变量，style则对应单个, 当前可应用于blueClass中--> <div :style="{'--bl.原创 2020-06-09 21:21:27 · 658 阅读 · 0 评论 -
vue-正则写法形式
简介：我们可以使用三种正则形式https://blog.csdn.net/qq_35525955/article/details/93386406当前使用：html: <div style="margin-top:30px" v-for="(item,i) in templateRuleData" :key="i" v-if="templateRuleData[i].isUsable ==0 &&原创 2020-06-09 20:48:07 · 1225 阅读 · 0 评论 -
vue-悬浮球
小球效果小球移动效果图源码<template> <transition> <div ref="breathing_lamp" class="breathing_lamp" @click="onclick()" @touchstart.stop="handleTouchStart" @touchmove.prevent.stop="handleTouchMove($event)" @.原创 2020-06-09 16:34:20 · 1582 阅读 · 1 评论 -
vue--module架构
前言今天我们聊一下前端如何使用三层框架呢，由于本人之前开发过.net项目和java项目，但是在当前大前端的情势下，前端的B层和后端的B层基本相差无几，后端注重于接口和数据库，那么前端更注重灵活页面和设计，由于逻辑性的提高，未来前后端还是并和一路，变得更加简单而已！动机前端结构：组件=>module=>逻辑B =>页面比如说一个功能：核心功能要封装为组件，与后端的交互写在module，控制此功能写在逻辑B中，如果就一个方法特别小的这个也可以不用写，直接写到module即可.原创 2020-06-01 15:09:17 · 637 阅读 · 1 评论 -
vue-axios
axios请求问题问题：axios请求发送请求后先执行下面内容，然后执行完毕后再加载then的内容使用：我们在当前页面使用axios发送请求，如果在其他页面我们需要解决：js需要解决异步问题js需要解决拦截问题then直接返回了Promise ，then下面执行不在返回查看原因：我们先在js中做发有一个get请求：const queryComponent = 'Componentlibrary/queryComponent' // 初始化export default { .原创 2020-05-26 11:23:33 · 227 阅读 · 0 评论 -
vue --press
长按拖动：vuedraggable安装vuedraggable包： yarn add vuedraggable npm i -S vuedraggablepackage.json文件截图如下：备注：参考github：https://www.npmjs.com/package/vuedraggable页面进行注册：<script>import vue...原创 2020-05-10 20:49:00 · 382 阅读 · 0 评论 -
vue-loading
步骤一：使用vuex设置全局变量步骤二：制作一个加载动画的组件步骤三：在App.vue文件中引入此组件步骤四： 在拦截器添加原创 2020-05-02 10:38:39 · 194 阅读 · 1 评论 -
vue.js正则限制
限制方式//一不能输入方式： 不能输双引oninput="value=value.replace(/[\"]/g,'')"//二只能输入方式： 只能输双引oninput="value=value.replace(/[^"]/g,'')"转义字符/** * 把html转义成HTML实体字符 * @param str...原创 2019-12-29 21:54:44 · 503 阅读 · 9 评论 -
vue实现计算器封装
前言：根据计算器可增添加减乘除的封装可扩展，大家请参照效果如下：文件目录我们导入了四个js包，在下面有源代码，当前计算器页只有一个valculator.vue文件。valculator.vue：<html代码>template> <div class="about"> <h1>这是个计算器你信吗</h1> ...原创 2019-12-21 17:47:46 · 673 阅读 · 6 评论 -
封装vue组件
装原创 2019-12-14 13:50:22 · 163 阅读 · 2 评论 -
VUE与MVVM关系
VUE一款用于构建用户界面的渐进式js框架，vue被设计为自底向上逐层应用，它的核心库只关注图层，方便与第三方库或者已有项目整合。vue.js的核心是一个允许采用简洁的模板语法来声明式将数据渲染进DOM (DocumentObjectModel)的系统，vue特性之一是响应式原理。MVVM实质是MVC的改进版，将之前的Model-View-Controller 变换到现在的Model...原创 2019-12-09 12:02:29 · 1935 阅读 · 2 评论 -
Vue搭建脚手架
前提：我们需要node环境用powershell打开我们在哪个文件夹下创建项目vue create dynamic-settings注意：不能有大写的名字选择Manually select features勾选我们需要的服务，按下空格表示勾选，按下enter表示选择好下一步输入y，按下enter，然后选择less选择检测ESlint代码规范选择在...原创 2019-11-25 17:04:23 · 164 阅读 · 7 评论 -
vue生成唯一id
注意：需要声明一个字符串来接受这个生成的唯一id createUniqueId(n) { n = 1; // 生成一个唯一id，包含数字和字母 var random = function() { // 生成10-12位不等的字符串 return Number( Math.random() .to...原创 2019-11-17 20:18:42 · 7443 阅读 · 12 评论