Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。
一、此 demo 实现的基本功能 中国地图的显示 地图点击下钻的功能 地图相关组件的使用,例 tooltip... 二、实现思路 初始使用下载本地的中国 geo 格式的 json 数据来绘制地图,点击
moment插件的使用姿势 1. 日期格式化 moment().format('MMMM Do YYYY, h:mm:ss a'); // 三月 7日 2020, 11:59:47 中
Vue中axios跨域请求解决方法 前言 跨域 :指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 同源 是指,域名,协议,端口均相同,
在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。 我以前在工作就遇到过这类问题,正好顺便对表单置空
笔记/朱季谦 在写React前端逻辑时,经常遇到可以切换不同条件的列表查询功能,例如下边截图这样的,其实,这块代码基本都一个逻辑,可以一次性将实现过程记录下来,待以后再遇到时,直接根据笔记复用即可。
相信每个人学习Vue的目是各不相同的 可能你的公司正要将原有的项目使用Vue进行重构 也可能是你的公司新项目决定使用Vue的技术栈。 当然,如果你现在正在换工作,你会发现招聘前端的需求中,10个有8个
Mustache 如何将data中的文本数据,插入到HTML中呢? 之前文章中已经讲过,可以通过Mustache语法(也就是双大括号)。 Mustache:胡须,因为左右两个大括号像两个胡须一样,这是
配置vue支持less安装及使用步骤如下: 安装【npm install less less-loader --save】在【build】文件下的【webpack.base.conf.js】文件中【r
封装的函数主要用于检查用户是否登录 封装一个全局函数 在main.js文件下定义checkLogin全局函数,代码的注解都在代码块里面参数说明:backpage, backtype 2个参数分别代表:
需求来源:向后台请求数据时后台挂掉了,后台响应就出现错误,不做处理界面就卡住了,这时需要在main.js中使用axios的响应拦截器在出现相应错误是给出提示。项目使用element-ui,就调用里面的
封装统一请求函数有利于项目的维护 整体功能简单实用,但小编遇到一个巨坑,项目中在vue文件使用跳转方法,url参数输入 "/" 后工具提示的路径为 "/pages/log
vue项目启动出现cannot GET /服务错误 查看控制台 是一些sass相关库没安装成功 进行下面操作进行安装,再次启动,完美解决! 一、首先说明sass和scss的区别。 1、异同:1)简言之
告警信息: 13% building modules 28/40 modules 12 active ...dex=0!srcApp.vue{ parser: "babylon&quot
一、VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号 本来就是简写比较方便舒服,结果一个格式化回到解放前 最后找到问题原因: 首先,vetur默认设置是这个样的。也就是
第一次接触VUE,今天为了跑通公司项目,着实费了不少劲。 主要起因是命令: 在编译过程中报错:Syntax Error: Unexpected token (4:19) 原来是import这儿报错了,
随着页面数据越来越多,一次性加载所有数据会对后端服务造成压力,同时加载速度慢也会影响用户体验,所以我们通常使用分页的方式来提高性能,优化体验。很多其他博客中都是后端返回所有数据,前端再进行截取,个人认为这样并没有实现真正意义上的分页,所以本博客中由后端实现数据分页,前端只负责展示和处理。vue 分页可以通过 iView 的 Page 组件来实现,简单高效。一. vue 的 Page 组件实现前端分页1. 在 vue 文件中引入 Page 组件<template> <div&g
Modal 对话框点击确定按钮后,对话框会自动消失,如果想阻止它消失,官方给出的解决方案是给 Modal 添加属性 loading,实现方式如下所示:<template> <Button type="primary" @click="modal1 = true">展示Modal</Button> <Modal v-model="modal1" title="Title" :loading="loadi
先来了解一下几个相关概念1、渐进式框架下面是摘自知乎的一个解答(个人认为讲述比较好的回答):在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西:- 必须使用它的模块机制- 必须...
对vue的template(模板)编译的理解简单的说法:先转化为AST树,在得到的render函数中返回VNode(vue的虚拟DOM节点)详细步骤● 首先,通过compile编译器把template编译成AST语法树(abstract syntax tree,即源代码的抽象语法结构的树状表现形式),compile是creatCompiler(createCompiler是用以创建编译器的)的返回...
下面介绍Vue中集成的指令以及用法和作用v-bind v-on v-model v-for v-html v-text v-if v-else-if v-else v-show v-once v-pre v-cloak1、声明式渲染有两种方法A、文本插值,用两个花括号:{{内容}}html如下:<div id="app"&gt...
1、vue-router的作用与及定义vue-router可以通过html5的history API或者hash实现单页应用,即不刷新跳转,切换地址,只是页面上的组件的切换;vue-router可以实现页面间传参等其他功能;vue-router就是路由,用于页面跳转。当我点击页面上的home  按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容...
vue.js的vue-cli的理解:vue-cli是Vue的脚手架工具,帮我们写好vue.js基础代码的工具,搞定目录结构、本地调试、代码部署、热加载、单元测试等工作。vue.js开发环境搭建1、安装node.js,下载地址,安装好之后需要配置node.js系统环境变量,这里要保证node.js的版本是4版本以上2、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架首先:...
使用vue-cli创建的工程的相关文件介绍1、使用vue-cli安装的项目的整个文件如下图所示:下面介绍一级目录的文件夹的作用sell2是项目名;一级目录下的文件夹名build和config都是和webpack配置相关的;文件夹node_modules是通过npm install安装的依赖代码库;文件夹src用来存放项目源码,即开发的代码都放在src文件夹下;文件夹static存放第三方静...