vue-js

vue-codemirror + Java Compiler实现Java Web IDE
日志背景 最近同事告诉我一个很有趣的需求:让用户(应用场景中,一般为其他开发者)自己填入Java代码片段,代码片段的内容为已经规定好的模板类的继承类,实现模板类定义的方法.我们的项目要实现动态编译代码片段 ...
Vue基础:子组件抽取与父子组件通信
日志在工作中承担一部分前端工作,主要使用Vue + Element UI. 随着版本迭代,需求增加,页面往往变得更加臃肿,不易维护.学习子组件的封装和抽取,能更好适应需求. 为什么需要子组件 可复用 将重 ...
本地Vue项目跨域请求本地Node.js服务器的配置方法
日志前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...
2
Vue+ElementUI项目中条件渲染切换表格时单元格内容显示异常的问题及解决方法
日志 当使用 v-if 和 v-else 条件渲染两个表格时,v-if 控制的表格内容显示正常,v-else 控制的表格显示时部分单元格中的内容不显示,如下图所示:    检查了DOM,确实没有内容,一顿 ...
1
作为 attribute 和 property 的 value 及 Vue.js 的相关处理
日志attribute 和 property 是 Web 开发中,比较容易混淆的概念,而对于 value,因其特殊性,更易困惑,本文尝试做一下梳理和例证 attribute 和 property 的概念 ...
Vue.js系列(一):Vue项目创建详解
日志引言 Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文旨在帮助大家认识Vue.js,并详细介绍使用vue-cli脚手架工具快速的构建Vu ...
1
使用 Vue.js 改写 React 的官方教程井字棋
日志React 的官方教程井字棋很好的引导初学者一步步走进 React 的世界,我想类似的教程对 Vue.js 的初学者应该也会有启发,于是使用 Vue.js 进行了改写 可以先查看最终的结果,尝试点击体 ...
Vue安装并创建一个简单项目
日志一.nodejs安装 下载地址:https://nodejs.org/en/download/ 安装完之后cmd 下输入:node -v 查看是否安装成功. 二.查看npm版本 cmd下输入命令:np ...
使用vue来开发一个下拉菜单组件(2)
日志二.组件设计 接下来是开发选择框组件,首先需要自定义一个点击外部使下拉菜单关闭的指令: export default { bind(el, binding, vnode) { function doc ...
使用vue来开发一个下拉菜单组件(1)
日志一.新建demo工程 vue init webpack-simple demo 添加src/mixins/emitter.js文件(见前几篇博文) 安装font-awesome字体库: cnpm in ...
在Vue中引入Bootstrap,Font-awesome
日志一.新建Vue项目: vue init webpack-simple demo 二.安装jQuery: cnpm install jquery --save-dev 在webpack.config.j ...
如何制作一款在线编译器
日志在文章开始之前先展示一下我自己做的在线编译器 JS-Encoder: 点此预览 大概三四个月之前我开始有了制作在线编译器的想法,在此之前我接触过很多的在线编译器,如CodePen.JsBin.JsFi ...
1
Vue Render函数用法示例
日志虽然在render里使用createElement函数创建DOM节点不是很直观,但是在部分独立组件的设计中还是可以满足一些特殊需求的.一个简单的render示例如下: <!DOCTYPE htm ...
Vue自定义滚动条盒子
日志应用开发过程中当web页面的内容过多时则会出现滚动条,而原生的滚动条的样式除了谷歌浏览器外其他的浏览器都不好修改,于是打算自己写一个容器组件,当内容过多时隐藏默认的滚动条显示自定义滚动条(只做了垂直滚 ...
Vue文本模糊匹配功能
日志模糊匹配功能在下拉菜单的组件中用的非常多,于是打算写几个demo看看细节上是如何实现的. 一.最简单的模糊匹配:计算属性 <!DOCTYPE html> <html lang=&qu ...
基于elementUI使用v-model实现经纬度输入的vue组件
日志绑定一个 [12.34,-45.67] (东经西经,南纬北纬 正负表示) 形式的经纬度数组,能够按度分秒进行编辑,效果如下所示,点击东经,北纬可切换. 经纬度的 度转度分秒 能够获取度分秒格式数据 C ...
Vue作用域插槽
日志默认插槽和具名插槽的概念比较好理解,这里主要以官方文档的案例来讲解一下作用域插槽. 首先是有一个currentUser的组件: <!DOCTYPE html> <html lang= ...
Vue状态管理:vuex基础
日志还是像以前一样用一个简单的案例来解释vuex 首先,新建一个模板demo vue init webpack-simple demo 我们需要两个组件:一个输入组件和一个显示组件 在src文件夹中新建一 ...
Vue单文件组件开发
日志第一步:配置环境 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装@vue/cli cnpm insta ...
转 Vue.js特点
日志作为一名Vue.js的忠实用户,我想有必要写点文章来歌颂这一门美好的语言了,我给它的总体评价是“简单却不失优雅,小巧而不乏大匠”,下面将围绕这句话给大家介绍Vue.js,希望能够激发你对Vue.js的 ...