Vue
VUE
冯佳兴
一名非常热爱计算机的 Boy,技术是一门哲学,愿意和我一起研究新的技术吗?
本人坚持自主学习,站在巨人肩膀上学习,善于分享。
我会经常分享系列基础博客,希望大家喜欢,有什么问题记得关注留言哦!
展开
-
vscode添加Vue代码段
1.依次打开 文件→首选项→用户代码片段 2.找到关于HTML的Jason文件 3.将以下代码添加到html.json(HTML)中,并进行CTRL+S 保存 {"vue代码": { "prefix": "ve", "body": [ "<!DOCTYPE html>", "", "<html lang=原创 2019-02-14 20:50:01 · 1003 阅读 · 8 评论 -
nodejs安装、环境变量配置 和 Windows搭建Vue环境
学习Vue有一段时间了,今天不小心删除了node.js,导致项目无法运行,趁这个机会写一篇如何在Windows中搭建Vue环境吧。 安装node.js 全局安装Vue-cli脚手架 npm install -g vue-cli 创建项目 vue init webpack 项目名称 重新打开命令窗口——找到项目位置,运行项目 或者用vscode打开项...原创 2019-05-16 14:55:31 · 1595 阅读 · 3 评论 -
Vue.js 项目打包部署到Tomact服务器
第一步: 第二步:终端运行 npm run build,会生成dist文件 第三步:安装Tomact 可能遇到的问题: 将生成好的dist文件放在tomact的webapps文件下 第四步(端口号不冲突可以忽略):为了防止端口号冲突,可以对端口号进行修改(打开conf文件夹) 第五步:打开Tomcat文件下的bin文件夹→运行 startup.bat ...原创 2019-03-28 17:06:44 · 423 阅读 · 19 评论 -
Vue —时间格式化
Vue中的时间总是以标准化的格式出现,如下图所示: 为了获取特定格式的时间,我们需要对时间进行格式化,封装时间格式化的代码如下: //时间格式化的方法 convertToDate(date) { var date = new Date(date); var y = date.getFullYear(); var m = dat...原创 2019-03-28 11:40:48 · 1898 阅读 · 16 评论 -
Vue中基于iview组件——导出Excel
订餐系统中关于Table表格的导出功能如下: 一个button 的导出按钮: <Button type="primary" @click="exportData" >导出</Button> data: function () { return { // 获取到的所有数据,用于导出 exportda...原创 2019-03-28 11:25:54 · 2855 阅读 · 15 评论 -
Vue.js项目部署到Nginx上面
第一步,下载并安装Nginx 第二步:双击Nginx.exe,会出现闪屏,此时Nginx已经启动,这样效果不好。 打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 start nginx ,回车即可 第三步:检查Nginx是否启动成功,在浏览器地址栏输入网址http://localhost:80,回车,出现以下页面说明启动成功。 如果发现是该界面...原创 2019-03-29 14:19:06 · 2200 阅读 · 20 评论 -
Vue框架—指令
1.什么是vue.js指令 以 v- 开头的特殊属性,作用于html元素,指令提供了一些特性,指定绑定元素,产生不同的行为。 V-cloak v-cloak 解决 插值 表达式闪烁的问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...原创 2019-02-14 15:48:23 · 258 阅读 · 8 评论 -
Vue框架 —使用样式
使用Class样式 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2019-02-14 15:01:00 · 401 阅读 · 7 评论 -
Vue框架—事件修饰符
事件修饰符 事件修饰符 stop 阻止冒泡 prevent 阻止默认事件,行为 capture 添加事件侦听器是,使用事件捕获模式 self 当事件在该元素本身(比如不是子元素)触发时触发回调 once 事件只触发一次 上一篇博客我们学习了一些框架指令,但是指令指定过程中存在冒泡问题,什么是冒泡问题呢——小泡到大泡 看如下代码: <...原创 2019-02-14 11:53:54 · 260 阅读 · 5 评论 -
初识Vue.js框架
1.什么是框架? 框架指的是一套非常优秀可被反复使用的代码。 一套完整的解决方案,相当于一个体系,对项目入侵较大,不易更换,项目中如果更换框架,需要对项目重新进行架构。 库(插件):提供某一功能,插件很小,对项目入侵小,可实现切换。 2.框架的优点: JS(Dom操作)→JQuery(封装了Dom操作)→前端模板引擎(直接调用模板,但是会增加没必要的渲染)→Angular.j...原创 2019-02-14 08:35:08 · 383 阅读 · 6 评论 -
Vue框架—过滤器
前言—生活中经常用到过滤器,例如空气净化器,净水器等,当然我们Vue框架中也存在过滤器,它们都是用来实现对数据的筛选,过滤、格式化。 过滤器分为两种,一种是全局过滤器(filters),一种是自定义的过滤器(filters)。 1.定义私有过滤器:filters filters: { myCurrency: function (myInput, arg1) { ...原创 2019-02-16 21:00:20 · 308 阅读 · 16 评论 -
vue-devtools的安装
Vue.js devtools是基于谷歌浏览器的一款调试vue.js应用的开发者的浏览器扩展程序,它可以在浏览器开发者工具下调试代码。 1.Vue-devtools下载地址:https://github.com/vuejs/vue-devtools 2.下载后解压,如果所示: 3.在命令窗口打开该文件路径 ,执行cnpm install 下载依赖,下载成功以后执行cnpm run ...原创 2019-02-15 11:14:17 · 229 阅读 · 12 评论 -
Token——Vue中使用
最近在Typing系统中用到了Token机制,token中文名字为令牌,令牌就好比通行证,是一种身份的象征。当前端发送请求到后端时,如果请求头中存在该令牌,则可访问服务端数据,否则则会拒绝。 一、具体介绍 1.客户端登录完成以后,服务端根据用户登录信息生成唯一的ID值(token),返回给客户端。 2.客户端存储token值,一般存储在cookie或者Local S...原创 2019-09-28 16:30:19 · 722 阅读 · 8 评论