vue
文章平均质量分 88
vue相关
发光吖
善始者实繁 克终者盖寡.
展开
-
vue实现拼图小游戏
App.vue<template> <div> <d-puzzle v-bind="puzzleConfig[level]" :key="level" @nextLevel="goToNextLevel" @imgWHConfirm="imgWHConfirm"/> </div></template><script> import DPuzzle from './Puzzle' export defau原创 2021-08-24 16:00:11 · 732 阅读 · 0 评论 -
vue封装进度条组件
vue封装进度条组件Attributes用例代码组件代码vue封装进度条组件Attributes参数说明类型可选值默认值percentage百分比(必填)number0-1000type进度条类型stringline/circlelinestroke-width进度条的宽度,单位pxnumber——6text-inside进度条显示文字内置在进度条内(只在type=line时可用)boolean——falsestatu原创 2021-08-11 13:22:18 · 1258 阅读 · 0 评论 -
vue-cli打包到部署到nginx服务器
vue-cli打包到部署到nginx服务器原文地址:https://www.cnblogs.com/mmzuo-798/p/9273754.html最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug现在记录下自己遇到的哪些坑1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境正确打包是转载 2021-07-09 09:27:09 · 387 阅读 · 0 评论 -
vue初体验--库存管理系统小demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id=".原创 2020-10-01 19:23:52 · 1163 阅读 · 0 评论 -
安装Vue脚手架,编译.vue文件----教程
安装Vue脚手架----教程前言安装Vue脚手架初识.vue文件编译.vue文件前言在之前我们都是通过在.html文件中编写vue的代码,在实际开发中并不会这么做。正常项目开发中,如果要写样式,就可能不会用css了,你可能会用Less、Sass、Stylus(它们三者都是css的预处理技术)中的某一种。那几种样式文件写出来浏览器是不认识的,我们需要对其进行编译。这就需要用到前端自动化构建工...原创 2020-05-04 21:42:40 · 1678 阅读 · 0 评论 -
Vue的小练习,关于ref引用
Vue的小练习,关于ref引用前言示例代码:所需注意的点:总结:前言我们通过一个小练习,来说明引用ref中的知识点。这是完成后的效果图,点击响应颜色的按钮,下方的正方形区域就会变为相应的颜色。示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2020-05-04 19:09:17 · 237 阅读 · 0 评论 -
一脚踏入Vue的世界
Vue是一套用于构建用户界面的**渐进式**框架。渐进式:(声明式渲染-->组件系统-->客户端路由-->大规模状态管理-->构建工具)框架和库有什么区别?库是将代码集合成一个产品,供开发者去使用,开发者去调用库中的方法去实现自己的功能。例如;jQuery、zepto框架是为了解决一类问题而开发出来的产品,基于自身的特点向用户提供一套**完整的解决方案**。例如:vue、reactVue的特点:易用(不代表简单)、灵活(可以在一个库和一套完整框架之间自如伸缩)、高效(超快虚拟DO原创 2020-05-04 12:11:21 · 560 阅读 · 0 评论