1.在data中定义一个变量,存储时间 data(){ return { nowTime:'' } }, 2.给定一个div <div>{{nowTime}}</div> 3.js部分 //显示当前时间(年月日时分秒) timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month =new Date(timeStamp).getMonth() + 1 < 10? "0

1.下载 Moment 网站: http://momentjs.cn/ 2创建一个vue的文本格式    admin.vue 3.定义给值 代码如下 <template> <div style="backgroundColor: black;">   <div> <div style="width: 40%; float: left"> <el-card class="box-card" st

关于vue+element-ui项目的分页,返回默认显示第一页的问题解决     问题描述 当前页面如下: 然后点击页码跳到第3页,然后在第三页点击页面链接跳转到新的页面 然后在新页面点击返回按钮,返回到当前页,结果页面分页显示第一页,对应页面内容也是第一页 期望效果 从新页面返回的时候,页码和页面内容仍旧保持在跳转离开前的样子. 解决办法 1.利用localStorage或者sessionStorage将跳转页面前的currentPage存储起来,然后,再次返回当前页的时候,在created生

Vue学习二之vue结合项目简单使用.this指向问题   本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 chorme浏览器添加vue扩展程序 七 xxx 八 xxx 一 阶段性项目流程梳理 直接上图吧: 1.首页: 2.免费课程页 还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页 还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑

vue ssr 项目改造经历 由于工作项目需求,需要将原有的项目改造,vue ssr 没有用到nuxt,因为vue ssr更利于seo,没办法,一个小白的改造经历, 首先说明一下,小白可以借鉴,高手也可以点评一下,因为,我写的不一定准确,只是针对我的项目. 下面先说一下大致: 原有项目有用到element,在改造ssr过程中,是很坑的.如果可以的话,还是强烈建议你重新改写成nuxt项目.由于我是小白,所以开始时候备份了一下项目,然后开始网上查找相关文章. 1.首先是这位大神的文章https://

超全的 Vue 开源项目合集,签收一下 xiaoge2016 前端开发 1周前 作者:xiaoge2016 链接: https://my.oschina.net/u/3018050/blog/2049912 写在前面 包括一些ui库和比较完整的小项目.ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤条等截图比较 评价纯属个人主观感受,有夸张成分,只是一种表达,如有不喜请无视之.欢迎指正不足和提供更多更好的vue库,项目,方便参考和学习使

Vue Cli项目搭建     vue项目需要自建服务器:node 什么是node: 用C++语言编写,用来运行JavaScript语言 node可以为前端项目提供server (包含了socket) 一.环境搭建 1.官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2.装完了后在cmd输入node即可启动一个命令行交互环境,运行javascript代码 3.可以更换国内源,加速下载:npm install -g cnpm --registry=https://r

Vue学习二之vue结合项目简单使用.this指向问题   本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 chorme浏览器添加vue扩展程序 七 xxx 八 xxx 一 阶段性项目流程梳理 直接上图吧: 1.首页: 2.免费课程页 还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页 还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑

在一些内部OA或者流转的文件,或者给一些客户的报价文件.合同,或者一些医院出示的给保险机构的病历资料等,有时候可能都希望快速的使用电子签章的处理方式来给文件盖上特定的印章,本篇随笔介绍基于Vue&Element的前端项目采用第三方组件 vue-drag-resize和图片转换Base64的方式实现图片印章的盖章处理. 1.图片转换为Base64处理 图片转换为Base64编码可以通过在线工具的转换方式实现图片转Base64编码,网上很多在线的处理,百度一下即可. 如:https://c.runo

一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了: 1.官网对于vue-cli介绍: Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only

Vue.js——60分钟browserify项目模板快速入门   概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定了我们的开发模式是基于页面的,而不是基于组件的,组件的所有代码都直接写在页面中,这对于一些复杂的页面来说,不是好事情,代码的可读性会较差,也不便于管理. 其次,定义在HTML页面中的组件,无法被其他页面重用,我们只能通过复制粘贴的方式将组件代码拷贝到其他页面,这也违反了DRY原则.既然组件是Vue.

纸上得来终觉浅,绝知此事要躬行! Vue的文档和教程看的太多,小的demo做的多,也不如自己实际的进行一个完整项目的开发.只有做了才知道原来问题这么多,这里列举了一些你做demo教程可能不会遇见的坑. 一.项目的登录拦截及用户权限访问控制问题. 一个很常见的需求就是对未登录的用户进行路由拦截和用户的权限访问,如果你的项目之前是通过后台控制访问路由的,那么之前的后端现在可能需要在前端也需要控制了,由于我们用vue脚手架搭建的都是纯前端的路由访问,先看看我们的一般的项目路径: 你可能会注意到Vue的

Vue.js 安装 NPM 方法安装vue.js项目 npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm npm install npm -g 在用 Vue.js 构建大型应用时推荐使用 NPM 安装: # 最新稳定版 $ npm install vue 命令行工具 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用. # 全局安装 vue-cli 安装一次之后以后就不需要安装 $ npm install --glo

redis数据库 ''' 关系型数据库: mysql, oracle 非关系型数据库(nosql): redis,mongodb (没有表的概念) key-value mongodb: json 数据--存储在硬盘上 redis: 存在内存中 --- 速度最快 用途: --做缓存 --session数据 --游戏排行榜 --对速度要求高的数据的存储 -- 消息队列 ''' redis VS Memcached -- redis 支持五大数据类型 : 字符串| 列表| 字典 | 集合| 有序集合

方案一:推荐 在typescript+Vue的项目中引用echarts,为了加强引用,引入echarts和@types/echarts两个包,一个是工程依赖,一个是声明依赖. npm install echarts --save npm install --save @types/echarts 然后在需要引用echarts的组件中引入echarts <script lang="ts"> …… import echarts from 'echarts'; …… </s

如何让history显示时间 linux和unix上都提供了history命令,可以查询以前执行的命令历史记录 但是,这个记录并不包含时间项目 因此只能看到命令,但是不知道什么时间执行的 如何让history记录时间呢? 解决方案 注意:本方法只对bash-3.0以上版本有效 执行rpm -q bash即可显示bash的版本 对于常见的linux AS4.AS5,都是有效的 --------------------------------------------- 编辑/etc/bashrc文件

1.首先得有node和npm的环境,node的下载:http://nodejs.org/download/.安装node之后,npm也自动生成了,显示版本号就意味着安装成功 2.接下来就是安装vue-cli脚手架,执行以下命令: $ npm install -g vue-cli 安装脚手架 $ vue init webpack demo 利用webpack生成一个模板,项目名是demo $ cd demo 进入到demo项目 $ npm install 安装依赖 $ npm run dev 运行

1.我在打包完成后,打开index.html文件发现地址并没有携带路由. config下的 index.js 中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’.意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到. 解决办法: 改为  ‘./ ’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找.再次打包,页面基本正常. 2.vue打包后CSS中引用的背景图片不显示问题  静态资源的引用有两种路径: 绝对路径:

一 基础配备 ## 一.环境搭建 #### 1.安装node - 去[官网](https://nodejs.org/zh-cn/)下载node安装包 - 傻瓜式安装 - 万一安装后终端没有node环境,要进行node环境变量的配置(C:\Program Files\nodejs\) - 可以通过node提供的npm包管理器安装vue脚手架 - 通过npm安装淘宝镜像cnpm,将nmp指令都修改为cnpm指令(npm install -g cnpm --registry=https://regis

1. 概述 1.1 说明 vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目.GitHub地址是:https://github.com/vuejs/vue-cli. 2. 搭建 2.1 node环境 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包. 安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功   2.2 安装vue-cli 安装好了 node,就可以直接

一.Vue自动化工具的安装 nvm:nodejs 版本管理工具. 也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本. nodejs:在项目开发时的所需要的代码库 npm:nodejs 包管理工具. 在安装的 nodejs 的时候,npm 也会跟着一起安装,它是包管理工具. npm 管理 nodejs 中的第三方插件 1,安装nvm 它是一个node管理工具,当我们的电脑上有多个node版本时,nvm可以帮我们切换node版本. 下载地址:https://github.com/