Vue.js
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue只关注视图层,采用自底向上增量开发的设计。
Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
优惠券已抵扣
余额抵扣
还需支付
¥19.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
攻城狮Lee丶
一个奇葩的程序员,外冷内热,有点闷骚 ,生活状态下是个逗比,工作时是个完美主义者。....................
展开
-
fabric加载gif图片
fabric加载gif图片原创 2022-11-05 13:44:58 · 766 阅读 · 0 评论 -
react 下载文件
/** * @desc 下载文件 * */ exportFile = url => { const linkElement = document.createElement('a'); linkElement .style.display = 'none'; linkElement .href = url; document.body.appendChild(linkElement ); li.原创 2021-04-06 19:47:22 · 583 阅读 · 0 评论 -
Vue源码分析——第三章
Vue源码分析——第一章Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...原创 2020-09-10 16:28:10 · 591 阅读 · 0 评论 -
Vue源码分析——第二章
/* * Object.defineProperty(person,'name',{ configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true 是否可以编辑 enumerable:false,//对象属性是否可通过for-in循环,flase为不可循环,默认值为true 是否可以枚举遍历 writable:false,//对象属性是否可修改,flase为不可修改,默认值为true value.原创 2020-09-10 15:05:35 · 515 阅读 · 0 评论 -
Vue源码分析——第一章
Vue最新版本源码分析,每个函数功能注释的很清楚,重点模块逐行注释!/*! * Vue.js v2.6.9 * (c) 2014-2019 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : .原创 2020-09-09 14:26:07 · 2008 阅读 · 0 评论 -
【译】尤大:Vue3的设计过程
在过去的一年中,Vue团队一直在研究Vue.js的下一个主要版本,我们希望在2020年上半年发布该版本。(在撰写本文时,这项工作仍在进行中)。 Vue的主要版本于2018年底形成,当时Vue 2的代码库已有两年半的历史了。在通用软件的生命周期中听起来可能并不长,但在此期间,前端环境发生了巨大变化。有两个主要的考虑因素使我们开发了Vue的新主要版本(并重写了它):首先,主流浏览器普遍提供了新的JavaScript语言功能。其次,随着时间的推移,当前代码库中的设计和体系结构问题已经暴露出来。为什么.翻译 2020-05-29 09:13:56 · 843 阅读 · 0 评论 -
vue\cli3.0 配置静态资源问题
重要事情说三遍vue\cli3.0的静态资源要(放在public目录下!放在public目录下!放在public目录下!)这样在打包时不会被解析,而直接引用他。图片资源引入data () { return { imgUrl: require('1.jpg') }}<img :src="imgUrl" alt="" />本地资源下载data () { return { resourcePath: process.env.BA.原创 2020-05-26 09:42:58 · 10520 阅读 · 0 评论 -
TypeScript报错信息表(备注)
code 类型 英文描述 中文描述1002 错误 Unterminated string literal. 未终止的字符串文本。1003 错误 Identifier expected. 应为标识符。1005 错误 '{0}' expected. 应为“{0}”。1006 错误 A file cannot have a reference to itself. 文件不能引用自身。1009...原创 2020-05-01 18:34:09 · 13146 阅读 · 2 评论 -
记录vue+ts项目引入echarts方法
第一种indext.html中用script引入<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.min.js"></script>组件中调用方式<script >import { Component , Vue } from 'vue-prop...原创 2020-04-27 15:03:06 · 14868 阅读 · 3 评论 -
vue+TypeScript构建第一个项目
安装项目因为本机vue脚手架是2.0,webpack3.0版本所以本文只适用vue/cli2.0版本。//新建项目vue init webpack vue-ts后面一系列路由,测试单元配置忽略。//新建项目后我们安装tsnpm install typescript ts-loader --save-dev//安装一下官方插件npm i vue-class-c...原创 2020-04-27 10:42:01 · 9946 阅读 · 0 评论 -
前端在线预览excel、word、pdf、ppt
这里主要推荐两种官方提供的API.第一是微软提供API,调用方法如下,支持('.ppt''.pptx''.doc','.docx','.xls','.xlsx')格式。http://view.officeapps.live.com/op/view.aspx?src=[OFFICE_FILE_URL]<iframe src='https://view.officeapps.liv...原创 2020-04-22 10:59:17 · 4225 阅读 · 0 评论 -
vue/cli 3.0
一、安装 @vue/cli更新到 3.x 之后,vue-cli 的包名从vue-cli改成了@vue/cli如果之前全局安装了旧版本的vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉// 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装npm uninstall vue-cli -g # ORyarn global remove vue-cli...原创 2020-03-09 11:23:19 · 9699 阅读 · 0 评论 -
Node.js+vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
区别ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。(不容易主动攻击,安全性好于ECB,是SSL、IPSec的标准)代码实现 先安装crypto-js npm install crypto-js --s...转载 2019-11-13 16:17:53 · 3504 阅读 · 0 评论 -
Vue中的render函数
render function 类型:(createElement: () => VNode) => VNode 详细: 字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。 如果组件是一个函数组件,渲染函数还会接收一个额外的 context 参数,为没有...原创 2019-10-24 09:12:32 · 9725 阅读 · 0 评论 -
Vue开发小技巧
Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;所以应该趁还没出来加紧打好 Vue2.x 的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.context()...原创 2019-10-14 14:05:32 · 2481 阅读 · 0 评论 -
element 表单验证只能输入正整数
<el-input type="number" v-model="ruleForm.goods_rules" onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )" autocomplete="off" placeholder="请输入规格型号"></el-input>...原创 2019-07-09 09:33:44 · 11005 阅读 · 0 评论 -
node 本地部署vue项目
以express为例:var createError = require('http-errors');var express = require('express');var path = require('path');var cookieParser = require('cookie-parser');var logger = require('morgan');var h...原创 2019-06-28 09:17:54 · 3092 阅读 · 0 评论 -
vue 特殊路由设计
在 vue-router 的使用中,有时会面临这样一个问题,那就是 vue-router 的设计要求component层级和route层级保持一致。const route = { path: '/list', name: 'list', component: List, children: [{ path: 'detail/:id', name: 'de...原创 2019-07-11 10:10:00 · 10228 阅读 · 0 评论 -
vue回车键登陆
created() { let that = this; document.onkeypress = function(e) { var keycode = document.all ? event.keyCode : e.which; if (keycode == 13) { that.login();// 登录方法名 ...原创 2019-07-07 13:49:48 · 3910 阅读 · 0 评论 -
vue在IE浏览器下报错Failed to generate render function:SyntaxError: 缺少标识符 in
IE11浏览器 以上是报错信息这个报错实在是看不懂,IE浏览器的报错信息一直这么与众不同;查了很多资料,最后发现很简单只要把{node,data}换为一个对象名称即可。//{ node, data }替换成下面代码即可{ scope.node, scope.data }...原创 2019-07-12 16:34:34 · 9573 阅读 · 3 评论 -
npm包发布
首先新建vue项目vue init webpack-simple ly-first-vue在assets中新建ly-first-vue.vue文件和index.js文件然后编写组件,简单的循环一个列表ly-first-vue.vue<template> <ul> <li v-for="(item, index) ...原创 2019-08-08 15:06:47 · 9628 阅读 · 2 评论 -
Nginx部署vue项目
nginx.conf配置文件#单个vue项目配置#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;ev...原创 2019-08-07 09:39:20 · 1880 阅读 · 0 评论 -
vue复用组件 不刷新的解决方案
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。 对于路由,不同的路由跳转,vue会帮我们刷新路由,但是我今天...原创 2019-08-17 11:35:57 · 15531 阅读 · 0 评论 -
vue 报错 Unexpected token <
找到config下的index.js文件改成如下配置'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { ...原创 2019-03-08 09:39:27 · 8093 阅读 · 4 评论 -
vue 报错data functions should return an object:
先上图报错原因是vue对象中的data属性没有return{};原创 2019-03-08 09:37:32 · 26063 阅读 · 4 评论 -
Node+Dcloud集成个推推送平台
注册什么的不说了 直接说单个推送和全部推送。单个推送,需要获取手机应用clientid获取clientid代码var cid = plus.push.getClientInfo().clientid;后台调用代码var template = new NotificationTemplate({ appId: APPID, appKey: APPKEY, title: obj.title,...原创 2018-04-24 18:00:59 · 6267 阅读 · 1 评论 -
vue中给列表中的奇数行添加class
//奇数行 {{data[index].name}} 奇数行::class="{'active':index%2 != 1}"偶数行::class="{'active':index%2 != 0}"active是需要添加的class原创 2018-03-02 14:51:07 · 8148 阅读 · 0 评论 -
vue-bus非父子组件之间触发事件
在main.js 中全局引入import VueBus from 'vue-bus'Vue.use(VueBus)组件监听this.$bus.emit('eventBusName',obj );组件事件触发created(){ var self = this; this.$bus.on('eventBusName', funct原创 2017-12-26 10:27:57 · 4534 阅读 · 0 评论 -
vue 兄弟组件之间事件触发
直奔肢体直奔主题!兄弟组件之间的事件触发,大概思路是通过父级组件交换数据,watch来监听触发事件。场景是父级组件A同时引用两个子级组件B,C。点击B组件中的按钮执行C组件中的事件。第一步:父级组件A <bottom-play :play="playStatus" @playStatus="btmChild"></bottom-play> method...原创 2017-12-25 11:25:49 · 20560 阅读 · 0 评论 -
vue项目打包App
本地的vue项目打包成App。这里以Hbuilder为例。首选命令行进入项目的目录执行 npm run build 打包成功之后再项目下回生成一个dlist 文件夹。在Hbuilder中导入dlist文件夹。选中项目右键选择转换成移动App。然后走下Hbuilder打包流程就OK。如果打包之后出现首页白屏请移步观看我的vue本地项目打包后白屏的文章。原创 2017-12-23 13:58:57 · 10592 阅读 · 0 评论 -
uni-app 获取地址位置
uni.getLocation(OBJECT)获取当前的地理位置、速度。 在微信小程序中,当用户离开应用后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。OBJECT 参数说明参数名 类型 必填 说明 type String 否 默认为 wgs84 返回 gps 坐标,gcj02 返回国测局坐标,可用于uni.openLoc...原创 2020-06-30 11:34:17 · 62763 阅读 · 5 评论 -
vue+axios 配置反向代理解决跨域问题
首先配置config下的index.jsdev: { // Paths assetsSubDirectory: 'static', autoOpenBrowser: false, assetsPublicPath: '/', proxyTable: { // 在这里配置如下代码 '/api': { target:...原创 2018-12-01 10:22:12 · 6010 阅读 · 0 评论 -
webpack 安装后命令无效问题
webpack 安装后终端运行提示 '不是内部或外部命令,也不是可运行的程序或批处理文件。首先确定是否安装webpacknpm install webpack -g 如果你有淘宝镜像 cnpm install webpack -g如果之后还是提示无效的话 打开node安装目录,找到下图中的路径添加到环境变量中就OK了。 大功告成。...原创 2018-11-08 17:08:44 · 6277 阅读 · 1 评论 -
vue+element 后台管理系统(四)导航
vue+element 后台管理系统<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/public.cs原创 2018-10-29 15:14:20 · 2800 阅读 · 0 评论 -
vue+element 后台管理系统(三)树形图
vue+element 后台管理系统,没有依赖vue-cli,是经典的web模式。<!DOCTYPE html><html class="over_hidd"> <head> <meta charset="UTF-8"> <title>vue+element后台系统"</title&原创 2018-10-29 15:11:09 · 5436 阅读 · 0 评论 -
vue+element 后台管理系统(二)表单
vue+element 后台管理系统,没有依赖vue-cli,是经典的web模式。<!DOCTYPE html><html class="over_hidd"> <head> <meta charset="UTF-8"> <title>vue+element后台系统"</title&原创 2018-10-29 15:10:06 · 2459 阅读 · 0 评论 -
vue+element 后台管理系统(一)表格
vue+element 后台管理系统,没有依赖vue-cli,是经典的web模式。<!DOCTYPE html><html class="over_hidd"> <head> <meta charset="UTF-8"> <title>vue+element后台系统"</title&原创 2018-10-29 15:08:21 · 3748 阅读 · 0 评论 -
uni-app 提示框
uni.showToast(OBJECT)显示消息提示框。OBJECT参数说明参数 类型 必填 说明 title String 是 提示的内容,长度与 icon 取值有关。 icon String 否 图标,有效值 "success", "loading", "none" image String 否 ...原创 2020-06-16 09:55:37 · 93396 阅读 · 7 评论 -
vue build打包之后首页白屏的问题
问题描述本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。1.解决方法在config文件夹中找到index.js打开把assetsPublicPath: '/'改成下图方框中的样子。 2.在build文件夹中打开webpack.prod.conf.js找到output:增加...原创 2017-12-23 13:43:46 · 16920 阅读 · 2 评论