后端视角下的前端框架之Vue.js初探
背景作为常年搞后端的自己来说，除了多年前学习的一点关于HTML的皮毛，对现在的前端技术栈可谓是一窍不通。但是因为最近在做的内部业务全链路监控系统，负责前端的同事做到一半去搞别的项目了，为了把项目落地不得不硬着头皮学一下前端知识。项目采用了比较流行的Vue.js（以下简称Vue）框架，所以做了一些学习...
从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础：使用Vue.js 来画博客首页+指令(一)
缘起书说前两篇文章《十五 ║ Vue前篇：JS对象&字面量&this》和 《十六 ║ Vue前篇：ES6初体验 & 模块化编程》，已经通过对js面向对象，类和模式封装，ES6新特性等多个角度讲解了Vue入门的一些储备知识，之所以说储备知识，是值，这些内容不会也可以学Vue，但...
vue.js初探：计算属性和methods
在vue.js中，计算属性和methods方法的函数相同时，两者的最终执行结果都是相同的。然而不同的是，计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message 没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结...
Vue.js 桌面端自定义滚动条组件|vue美化滚动条VScroll
基于vue.js开发的小巧PC端自定义滚动条组件VScroll。前段时间有给大家分享一个vue桌面端弹框组件，今天再分享最近开发的一个vue pc端自定义滚动条组件。vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件。支持是否原生滚动条、鼠标移出是否自动隐藏、自定义滚动...
vue.js异步上传文件前后端代码
上传文件前端代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title&g...
Vue.js的组件(slot/动态组件等)、单文件组件、递归组件使用
一、组件1> 组件命名方式有两种（注意：在DOM模板中只有kebab-case命名方法才生效）：html中引用组件：<!-- 在DOM模板中，只有 kebab-case命名才生效 --><my-component-name></my-component-name&...
vue.js快速搭建图书管理平台
前 言上一期简单讲解了vue的基本语法，这一次我们做一个小项目，搭建一个简单的图书管理平台，能够让我们更深刻的理解这门语言的妙用。 1、DEMO样式首先我们需要搭建一个简单的demo样式，推荐大家使用bootstrap，可以很快的搭建出一个清晰简洁的页面。给大家分享一段我的代码吧。 ...
Vue.js学习笔记--1.基础HTML和JS属性的使用
整理自官网教程 -- https://cn.vuejs.org/1. 在HTML文件底部引入Vue<script src="https://cdn.jsdelivr.net/npm/vue"></script>2. 基础HTML标签和属性<div id="app">...
Vue (一) --- vue.js的快速入门使用
=-----------------------------------把现在的工作做好，才能幻想将来的事情，专注于眼前的事情，对于尚未发生的事情而陷入无休止的忧虑之中，对事情毫无帮助，反而为自己凭添了烦恼。1. vue.js的快速入门使用1.1 vue.js库的下载vue.js是目前前端web开发...
Vue.js—组件快速入门以及实例应用
上次我们学习了Vue.js的基础，并且通过综合的小实例进一步的熟悉了Vue.js的基础应用。今天我们就继续讲讲Vue.js的组件，更加深入的了解Vue,js的使用。首先我们先了解一下什么是Vue.js的组件，组件其实就是页面组成的一部分，它是一个具有独立的逻辑和功能或页面，组件可以扩展 HTML 元...
vue.js 利用组件之间通讯，写一个弹出框例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l...
Vue.js优雅的实现列表清单的操作
一、Vue.js简要说明Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与前端框架Angular一样， Vue.js在设计上采用MVVM模式，当View视图层发生变化时，会自动更新到ViewModel.反之亦然，View与ViewModel之间通过数据...
使用 Vue.js 改写 React 的官方教程井字棋
React 的官方教程井字棋很好的引导初学者一步步走进 React 的世界，我想类似的教程对 Vue.js 的初学者应该也会有启发，于是使用 Vue.js 进行了改写可以先查看最终的结果，尝试点击体验，我们将逐步地实现这个效果初始状态代码初始状态查看打开初始状态直接编辑，或者将对应的文件复制下来放置...
Vue.js 2.x笔记：路由Vue Router（6）
1. Vue Router简介与安装1.1 Vue Router简介Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，构建单页面应用。Vue Router支持3种路由模式：◊ hash：使用URL hash值作为路由，HTML5 History API出现...
vue.js学习（第一课）
学习资料 来自台湾小凡！vue.js是javascript的一个库，只专注于UI层面，核心价值永远是 API的简洁。第一课：不支持IE8.1、声明式渲染：el元素的简称 element ； el：元素名字data放数据；2、双向绑定：用到一个指令 v-model ； 指定到一个数据上，这个数据与页面...
vue学习之用 Vue.js + Vue Router 创建单页应用的几个步骤
通过vue学习一：新建或打开vue项目，创建好项目后，接下来的操作为：src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置src目录重整在项目中创建如下对应的文件├── App.vue // APP...
vue.js 作一个用户表添加页面----初级
使用vue.js 制作一个用户表添加页面，实际上是把原来需要使用js写的部分，改写成vue.js的格式首先，想象一下，先做思考，我们要添加用户表，设涉及到哪些数据，一个是用户id，一个是用户名，一个是年龄。。。。还有很多，为了数据的简单明了，只举例部分数据即可在vue中，el是作用的范围，这个直接获...
前端框架本质之探究——以Vue.js为例
问：我们在使用Vue时，实际上干了什么？答：实际上只干了一件事——new了一个Vue对象。后面的事，都交由这个对象自动去做。就好像按了下开关，机器跑起来了，剩下的事就不用我们再操心了。各位看官先别不服，FEer在基于Vue开发项目时，确实写了很多代码，但本质上，这些代码都是在往这台机器的固定工作程序...
vue.js面试题整理
Vue.js面试题整理一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步Vi...
Vue.js 源码分析(八) 基础篇 依赖注入 provide/inject组合详解
先来看看官网的介绍:简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组件的资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情provide和inject需要配合使用，它们的含义如下:provide ;一个对象或返回一个对象的函数，...