vue-js

原来写个Vue 首页就这么简单
日志全栈的自我修养: 为我们的项目添加首页 You can never replace anyone. What is lost is lost. 每个人都是无可替代的,失去了便是失去了. 前言 上篇文章 ...
1
初学Vue.js,用 vue ui 创建项目会不会被鄙视
日志全栈的自我修养: 6使用vue ui进行vue.js环境搭建 It is only with the heart that one can see rightly. What is essential ...
sass-loader安装+Failed to resolve loader: sass-loader You may need to install it.解决方法
日志方式一: 通过 cnpm 安装node-sass cnpm install node-sass --save 方式二: 通过npm 安装         1.安装sass-loader npm ins ...
Vue.js 组件复用和扩展之道
日志软件编程有一个重要的原则是 D.R.Y(Don't Repeat Yourself),讲的是尽量复用代码和逻辑,减少重复.组件扩展可以避免重复代码,更易于快速开发和维护.那么,扩展 Vue 组件的最佳 ...
vue-toy: 200行代码模拟Vue实现
日志vue-toy 200行左右代码模拟vue实现,视图渲染部分使用React来代替Snabbdom,欢迎Star. 项目地址:https://github.com/bplok20010/vue-toy ...
1
vue-codemirror + Java Compiler实现Java Web IDE
日志背景 最近同事告诉我一个很有趣的需求:让用户(应用场景中,一般为其他开发者)自己填入Java代码片段,代码片段的内容为已经规定好的模板类的继承类,实现模板类定义的方法.我们的项目要实现动态编译代码片段 ...
Vue基础:子组件抽取与父子组件通信
日志在工作中承担一部分前端工作,主要使用Vue + Element UI. 随着版本迭代,需求增加,页面往往变得更加臃肿,不易维护.学习子组件的封装和抽取,能更好适应需求. 为什么需要子组件 可复用 将重 ...
vue.js 打包项目 npm run build 一直在building的问题
日志今天试着学习了一下Vue.js,下载了一个项目打包,一直在building不动. D:\vems\vems-front> npm run build > my-project@0.1.0 ...
在Vue中引入Bootstrap,Font-awesome
日志一.新建Vue项目: vue init webpack-simple demo 二.安装jQuery: cnpm install jquery --save-dev 在webpack.config.j ...
Vue Render函数用法示例
日志虽然在render里使用createElement函数创建DOM节点不是很直观,但是在部分独立组件的设计中还是可以满足一些特殊需求的.一个简单的render示例如下: <!DOCTYPE htm ...
Vue自定义滚动条盒子
日志应用开发过程中当web页面的内容过多时则会出现滚动条,而原生的滚动条的样式除了谷歌浏览器外其他的浏览器都不好修改,于是打算自己写一个容器组件,当内容过多时隐藏默认的滚动条显示自定义滚动条(只做了垂直滚 ...
Vue文本模糊匹配功能
日志模糊匹配功能在下拉菜单的组件中用的非常多,于是打算写几个demo看看细节上是如何实现的. 一.最简单的模糊匹配:计算属性 <!DOCTYPE html> <html lang=&qu ...
1
基于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实例学习过程中碰到的小问题
日志在使用插值表达式{{  }}取data中list数组中的值时把整个表达式当做文本显示了,原因不明,但是使用v-text替换插值表达式之后问题得到解决. 原因已经查明,因为第78行,定义对象car时后面 ...
Vue.js学习笔记(代码)
日志##v-cloak   v-text   v-html    v-bind    v-on的使用 <!DOCTYPE html> <html> <head> < ...
Vue.js学习笔记(介绍)
日志Vue语法也可以进行APP开发,需要借助weex Vue.js是一套构建用户界面的框架,只关注视图层,便于与第三方库或既有项目整合. 在Vue中的核心概念:让用户不能操作Dom元素(减少不必要的dom ...
Vue.js 2 vs Vue.js 3的实现 – 云栖社区
日志Vue.js 2 vs Vue.js 3的实现 – 云栖社区 vue.js核心团队已经讨论过将在Vue3实现的变化.虽然API不会改变,但是数据响应机制(译者注:对数据改变的监听和通知)发生了变化.这 ...