• 从零开始学习Vue.js,学习笔记

    时间:2024-01-09 21:42:13

    一、为什么学习vue.jsmethods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。 vue.js兼具angular.js和react的优点,并且剔除了他们的缺点 官网:http://cn.vuejs.org/ 手册:http://cn.vuejs.org/v2/api/二、vue....

  • Vue.js状态管理模式 Vuex

    时间:2024-01-08 18:59:38

    vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。安装、使用 vuex首先我们在 vue.js 2.0 开发环境中安装 vuex :npm install vuex --save然后 , 在 m...

  • 如何把vue.js项目部署到服务器上

    时间:2024-01-08 18:43:32

    如何把vue.js项目部署到服务器上面,我用的是tomcat服务器1-改一下config/index.js文件,如下图,把assetsPublicPath: './',productionSourceMap: false2-运行npm run build然后在项目路径中找到打包后的文件,在项目文件的...

  • 【前端】Vue.js经典开源项目汇总

    时间:2024-01-08 18:21:28

    Vue.js经典开源项目汇总原文链接:http://www.cnblogs.com/huyong/p/6517949.htmlVue是什么?Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue ...

  • Vue.js经典开源项目汇总

    时间:2024-01-08 18:12:42

    Vue.js经典开源项目汇总原文链接:http://www.cnblogs.com/huyong/p/6517949.htmlVue是什么?Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue ...

  • 比官方文档更易懂的Vue.js教程!包你学会!

    时间:2024-01-08 17:23:12

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~本文由蔡述雄发表于云+社区专栏蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。2016年,乃至接下来整个2017年,如果你要问前端技术框架什...

  • vue.js事件,属性,以及交互

    时间:2024-01-06 13:22:35

    这是我学习vue的第二天,今天主要学习了如何利用vue阻止事件冒泡,阻止事件的默认行为,键盘事件以及如何添加class、style这些属性,以及如何利用vue来进行数据交互,利用百度的一个API来写一个百度下拉列表,今天学习完之后,感触最深的就是vue主要是逻辑上的应用,减少了DOM的操作,并且vu...

  • Vue.js学习 Item8 -- 方法与事件处理器

    时间:2024-01-05 12:24:47

    方法处理器可以用 v-on 指令监听 DOM 事件:<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue...

  • vue.js及项目实战[笔记]— 01 vue.js

    时间:2024-01-03 22:08:24

    一. vue基础1. 历史介绍angular 09年,年份较早,一开始大家是拒绝的react 2013年,用户体验较好,直接拉到一堆粉丝vue 2014年,用户体验较好前端框架与库的区别jquery库->DOM(操作DOM)+请求art-template 库->模板引擎框架 = 全方位功...

  • vue.js之过滤器,自定义指令,自定义键盘信息以及监听数据变化

    时间:2024-01-01 21:58:50

    一、监听数据变化1、监听数据变化有两种,深度和浅度,形式如下:vm.$watch(name,fnCb); //浅度vm.$watch(name,fnCb,{deep:true}); //深度监视2、实例用法2.1-1浅度监听:当点击页面,弹出发生变化了,a的值变为1,b的值变为101<!DO...

  • 实例分析Vue.js中 computed和methods不同机制

    时间:2024-01-01 12:17:10

    在vue.js中,有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同 就是调用的时候,methods要加上()2.我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取...

  • Vue.js简单入门

    时间:2024-01-01 11:33:39

    这篇文章我们将学习vue.js的基础语法,对于大家学习vue.js具有一定的参考借鉴价值,有需要的朋友们下面来一起看看。Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层,可以很容易的和其他库整合。代码压缩后只有24kb。以下代码是Vue.js最简单的例子, 当 input 中的内...

  • 13、vue.js简单入门

    时间:2024-01-01 11:07:16

    本篇导航:介绍与安装vue常用指令一、介绍与安装vue是一套构建用户界面的JAVASCRIPT框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。1、安装下载vue.js:https://cn.vuejs.o...

  • Vue.js的安装及简单使用

    时间:2023-12-26 21:42:07

    一.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动画在项目使用的两个示例

    时间:2023-12-26 21:35:44

    欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~李萌,16年毕业,Web前端开发从业者,目前就职于腾讯,喜欢node.js、vue.js等技术,热爱新技术,热爱编程。vue.js的文档对于动画的使用做了很多的介绍,不熟悉的小伙伴可以先了解一下。下面就进入正题啦...

  • 后端视角下的前端框架之Vue.js初探

    时间:2023-12-26 21:32:22

    背景作为常年搞后端的自己来说,除了多年前学习的一点关于HTML的皮毛,对现在的前端技术栈可谓是一窍不通。但是因为最近在做的内部业务全链路监控系统,负责前端的同事做到一半去搞别的项目了,为了把项目落地不得不硬着头皮学一下前端知识。项目采用了比较流行的Vue.js(以下简称Vue)框架,所以做了一些学习...

  • 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础:使用Vue.js 来画博客首页+指令(一)

    时间:2023-12-26 21:26:47

    缘起书说前两篇文章《十五 ║ Vue前篇:JS对象&字面量&this》和 《十六 ║ Vue前篇:ES6初体验 & 模块化编程》,已经通过对js面向对象,类和模式封装,ES6新特性等多个角度讲解了Vue入门的一些储备知识,之所以说储备知识,是值,这些内容不会也可以学Vue,但...

  • vue.js初探:计算属性和methods

    时间:2023-12-26 21:22:00

    在vue.js中,计算属性和methods方法的函数相同时,两者的最终执行结果都是相同的。然而不同的是,计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message 没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结...

  • Vue.js 桌面端自定义滚动条组件|vue美化滚动条VScroll

    时间:2023-12-24 22:13:07

    基于vue.js开发的小巧PC端自定义滚动条组件VScroll。前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件。vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件。支持是否原生滚动条、鼠标移出是否自动隐藏、自定义滚动...

  • vue.js异步上传文件前后端代码

    时间:2023-12-24 21:12:17

    上传文件前端代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title&g...