比官方文档更易懂的Vue.js教程！包你学会！
欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~本文由蔡述雄发表于云+社区专栏蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。2016年，乃至接下来整个2017年，如果你要问前端技术框架什...
vue.js事件，属性，以及交互
这是我学习vue的第二天，今天主要学习了如何利用vue阻止事件冒泡，阻止事件的默认行为，键盘事件以及如何添加class、style这些属性，以及如何利用vue来进行数据交互，利用百度的一个API来写一个百度下拉列表，今天学习完之后，感触最深的就是vue主要是逻辑上的应用，减少了DOM的操作，并且vu...
Vue.js学习 Item8 -- 方法与事件处理器
方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue...
vue.js及项目实战[笔记]— 01 vue.js
一. vue基础1. 历史介绍angular 09年，年份较早，一开始大家是拒绝的react 2013年，用户体验较好，直接拉到一堆粉丝vue 2014年，用户体验较好前端框架与库的区别jquery库->DOM（操作DOM）+请求art-template 库->模板引擎框架 = 全方位功...
vue.js之过滤器，自定义指令，自定义键盘信息以及监听数据变化
一、监听数据变化1、监听数据变化有两种，深度和浅度，形式如下：vm.$watch(name,fnCb); //浅度vm.$watch(name,fnCb,{deep:true}); //深度监视2、实例用法2.1-1浅度监听：当点击页面，弹出发生变化了，a的值变为1，b的值变为101<!DO...
实例分析Vue.js中 computed和methods不同机制
在vue.js中，有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同 就是调用的时候，methods要加上（）2.我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取...
Vue.js简单入门
这篇文章我们将学习vue.js的基础语法，对于大家学习vue.js具有一定的参考借鉴价值，有需要的朋友们下面来一起看看。Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。以下代码是Vue.js最简单的例子， 当 input 中的内...
13、vue.js简单入门
本篇导航：介绍与安装vue常用指令一、介绍与安装vue是一套构建用户界面的JAVASCRIPT框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。1、安装下载vue.js：https://cn.vuejs.o...
Vue.js的安装及简单使用
一.Vue简介二.Vue.js的安装2.1.npm安装2.1.1.node.js介绍及安装简介：简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaSc...
Vue.js动画在项目使用的两个示例
欢迎大家关注腾讯云技术社区-博客园官方主页，我们将持续在博客园为大家推荐技术精品文章哦~李萌，16年毕业，Web前端开发从业者，目前就职于腾讯，喜欢node.js、vue.js等技术，热爱新技术，热爱编程。vue.js的文档对于动画的使用做了很多的介绍，不熟悉的小伙伴可以先了解一下。下面就进入正题啦...
后端视角下的前端框架之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 元...