VueJs

Vuejs webp图片支持，插件开发过程~

本人已经使用vue.js半年多了，在做一些Html5页面的时候发现很多页面都是图片组成的，如果能有效的压缩图片的体积那么整个项目体积就会减少很多，这是为什么写这个简单东西的起点。Webp百度百科上已经讲清楚在保持原画质的情况呀体积可以压缩到原来的60%这是很牛逼的一件事。看看webp的兼容情况，下图是caniuse上面最新的webp支持情况webp兼容情况兼容情况还是不那么乐观，不过chrome和
冰星寒水·2020-02-17 23:07

vuejs—条件渲染

上一篇介绍了通过vue.js绑定class和style样式，这次我们一起学习vue.js中的条件渲染。v-if指令（这个前面介绍过）Yesv-elseYesNo因为v-if是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个元素当做包装元素，并在上面使用v-if，最终的渲染结果不会包含它。TitleParagraph1Paragraph2v-if中也可以添加js内
webCoder·2020-02-17 23:43

vuejs2.0入门实战-从零开发一个todoApp应用并部署上线教程（二）:代码编写

vuejs2.0实战-从零开发todoApp应用并部署上线教程（一）:事前准备->vuejs2.0实战-从零开发todoApp应用并部署上线教程（二）:代码编写vuejs2.0实战-从零开发todoApp
竹杖芒鞋轻胜码·2020-02-17 18:24

vuejs之vue.js+axios结合使用

看一个例子：{{item}}varvue=newVue({el:"#app",data:{jokes:[]},methods:{getJoke:function(){varthat=this;axios.get('https://autumnfish.cn/api/joke/list?num=3').then(function(response){that.jokes=response.data.
西西嘛呦·2020-02-17 17:00

三十分钟学会使用VUE搭建单页应用(SPA) 上

全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE基础如何创建VUE组件如果你没有任何VUE或者VUE组件的知识，可以看我之前的文章VueJS
Taylor111·2020-02-17 17:00

vuejs之使用axios发送http请求

看一个例子：document.querySelector(".get").onclick=function(){axios.get('https://autumnfish.cn/api/joke/list?num=3').then(function(response){console.log(response);})}document.querySelector(".post").onclick=
西西嘛呦·2020-02-17 17:00

链接资料

q=paramhttps://cn.vuejs.org/v2/api/?
钟离依云1103·2020-02-17 16:45

学什么

基本的CSS，布局，HTML内容也没学习就开始用bootstrap，然后没怎么理解运用就开始向着流行的方向，装模作样的学习AngularJS，Vuejs和nodejs。
麦尔思龙·2020-02-17 15:10

vuejs小例子之记事本

#app{margin:0pxauto;width:500px;border:1pxsolidblue;height:500px;}.title{line-height:50px;text-align:center;height:50px;font-weight:20px;font-size:36px;background:coral;}.inp{outline-style:none;border
西西嘛呦·2020-02-17 14:00

vue-cli3快速创建项目

文档：https://cli.vuejs.org/zh/guide/条件：npm更至最新node>=8.91.全局安装npminstall-g@vue/cli或yarnglobaladd@vue/cli2
LLLLIANGS·2020-02-17 13:21

VueJS简明教程(一)之基本使用方法

如果说是JQuery是手工作坊，那么Vue.js就像是一座工厂，虽然Vue.js做的任何事情JQuery都可以做，但无论是代码量还是流程规范性都是前者较优。Vue.js的官方中文教程其实也是一个不错的教程，不过相比于一次性把所有概念掌握，我更倾向于先会用，之后再在实际应用中把未涉及到的知识点逐步补全。就像开车，不是非要知道发动机的工作原理才能上路的，甚至你可能一辈子也不用知道。好了，开始吧准备首先
Taylor111·2020-02-17 11:00

vuejs之v-model

看一个例子：{{message}}varapp=newVue({el:'#app',data:{message:'我是黄色',},methods:{getMsg:function(){alert(this.message);},setMsg:function(){this.message="修改了message";},},})效果：修改输入框里面的值，不需要点修改：下面数据同步更新。点击修改：输入
西西嘛呦·2020-02-17 10:00

vuejs之v-for

看一个例子：索引：{{index}}，值：{{item}}{{item.color}}varapp=newVue({el:'#app',data:{arr:['mike','bob','tom','jack'],arr2:[{color:'red'},{color:'blue'},{color:'yellow'}],},methods:{add:function(){//添加一个元素this.ar
西西嘛呦·2020-02-17 10:00

Vue的双向数据绑定实现原理解析

这篇文章主要介绍了Vue的双向数据绑定实现原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、概述vuejs是采取数据劫持结合发布者-订阅者模式的方式实现
欢乐之家·2020-02-17 10:24

vue dom模板解析以及注意事项

参考文章：https://cn.vuejs.org/v2/guide/components.html#%E5%B1%80%E9%83%A8%E6%B3%A8%E5%86%8Cvue模板类型html模板字符串模板内联模板字符串模板注意事项
Weastsea·2020-02-17 06:21

Vuejs单文件写法--es6写法

第一次使用Vuejs，选择了vue-cli来构建项目。写起来略微蛋疼，官方文档都是es5的写法，要用es6做项目还需要不断的找资料来完善才行。
Simon_King·2020-02-17 01:54

Vuex学习笔记

学习资源：https://vuex.vuejs.org/zh-cn/介绍Vuex是为Vue.js应用程序开发的状态管理模式，采用集中式存储管理所有组件的状态，通俗来讲，是为了实现任意组件之间的通信，其主要包含四个模块
林_Han·2020-02-17 00:19

Webpack+vue2.0如何注册全局组件 (01)

就是在一个月以前，匆匆闯入vuejs这个社群，基本了解了vuejs的一些基础特性和语法。笔者兴致勃勃地开始想用vuejs写个单页面应用出来。
EasonPe·2020-02-16 23:27

vue 的URL路径中去除# 和ngnix的配合问题

官方文档链接：https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%
月伯乐·2020-02-16 23:31

vue-cli3构建多页面：提取通用模板和入口文件，自动构建多页配置

本文链接：https://blog.csdn.net/guang_s/article/details/89406202一、需要升级vue-cli的，请参照官网https://cli.vuejs.org/
Maco_wang·2020-02-16 15:47

vuejs之v-on小例子之实现购买数量的增加和减少

先看代码：-{{number}}+varapp=newVue({el:'#app',data:{number:0},methods:{sub:function(){if(this.number!=0){this.number-=1;}else{alert("不能再减少了");}},add:function(){if(this.number结果：点击加号会一直增加数量，当加到10之后再点击：点击减号
西西嘛呦·2020-02-16 10:00

vuejs之v-on

一、看一个例子：{{food}}varapp=newVue({el:'#app',data:{food:'西红柿炒鸡蛋'},methods:{doIt:function(){//逻辑alert("做it");},changeFood:function(){this.food+="好好吃"}},})结果：点击事件绑定或者v-on简写或者双击事件，会：点击西红柿炒鸡蛋：说明：v-on可以为标签绑定事件
西西嘛呦·2020-02-16 10:00

vuejs之v-html

看一个例子：这里有内容这里有内容这里有内容varapp=newVue({el:'#app',data:{content:"测试标签",message:"测试内容",}})结果：说明：v-html用于设置元素的innerHTML，当内容是普通文本时与v-text没区别，当内容是html结构时，则会对html进行解析。
西西嘛呦·2020-02-16 10:00

vuejs之v-text

看一个例子：这里有内容深圳{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!',info:"Hello",}})输出：说明：v-test会全部替换标签体里的内容，而且内部支持写表达式。
西西嘛呦·2020-02-16 10:00

Vue如何写一个瀑布流加载

用到Vue2和axios这两个文件Vue2地址：https://cn.vuejs.org/v2/guide/installation.htmlaxios地址：https://www.npmjs.com/
Brighten_Sun·2020-02-16 09:37

.net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载

netcorecli是快速创建模板项目2017.08.06环境windows1064位15063.netcore1.1vs201715.2dotnet1.0.4安装CLI官方:https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javasc
YLPeach·2020-02-16 08:27

vue-cli生成的webpack配置解析-build/dev-server.js

vue-cli生成的webpack配置解析-build/dev-server.js我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时候，会自动生成一系列文件
weiqinl·2020-02-16 08:41

2018-12-12

Vuejs中关于computed、methods、watch的区别computed是在HTMLDOM加载后马上执行的，如赋值；而methods则必须要有一定的触发条件才能执行，如点击事件；watch呢？
AlpsWang·2020-02-16 06:52

vuejs之第一个vue程序

{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}});结果：（1）首先要引入https://cdn.jsdelivr.net/npm/vue/dist/vue.js，相当于引入Jquery那样。（2）在创建一个Vue对象时需要关注两个参数，一个是挂载点el，另一个是数据data。（3）挂载点el：挂载点用于定位哪个标签，可
西西嘛呦·2020-02-15 20:00

vuejs 使用vue-cli引入bootstrap

前言：对于刚刚进入vuejs的队伍中的小白来讲，很多都是模糊的，js操作dom节点的思想萦绕，还不能自由切换在二者之间。
qishuangyan·2020-02-15 19:59

vuejs—绑定class和style样式

上篇文章介绍了通过vuejs计算属性，这篇中我们将一起学习vue.js实现绑定class和style样式。绑定HtmlClass我们可以传给v-bind:class一个对象，以动态地切换class。
webCoder·2020-02-15 14:01

vue.js基础

使用vue,js第一步先是安装(http://cn.vuejs.org/)在官方文档中就可以直接下载并用标签引入，记住本地的Vue.js的位置，通过会被注册为一个全局变量。
海娩·2020-02-14 20:02

06Vue.js过滤器与计算属性

Vue有很多很便利的过滤器，可以参考官方文档，http://cn.vuejs.org/api/#过滤器，过滤器通常会使用管道标志“|”Vue里面的过滤器主要有两种：第一是定义在全局就能在所有的实例中调用过滤器
个人不完美·2020-02-14 08:14

01.vue-cli 快速搭建vue项目脚手架

打包构建项目的工具，通过vue-cli可以快速的生成基于webpack的项目，意味着大量的配置不用你自己手动实现，因为这个工具已经为你生成好了使用过程-1.下载安装：最好看官网:https://cli.vuejs.org
司南理解记文·2020-02-13 20:02

Vue基础入门——概述+语法

文章目录Vue1概述1.1vuejs入门1.2MVVM模式1.3前期准备1.4入门案例2语法2.1插值表达式2.2VueJS常用系统指令1v-on2事件/按键修饰符3v-text,v-html,v-bind4v-for5v-model3
莫小夕儿呀·2020-02-13 16:03

Vue.js初步学习（二）--初步使用

文件到本地，其中有两个版本可供选择：图2图3-本地文件两个版本2、工具准备：为了更加方便的审查和调试你的界面，可以提前在浏览器中安装VueDevtools，下载链接：https://github.com/vuejs
Ruby_min·2020-02-13 15:44

Vue框架入门

VueJS介绍Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
月哥说了算·2020-02-12 20:23

VUE 简介

基本用法一、vuejs简介是一个构建用户界面的框架是一个轻量级的MVVM（Model-View-ViewModel），其实就是所谓的数据的双向绑定数据驱动和组件化的前端开发通过简单的API就能实现响应式的数据绑定和组合的视图组件指令
一瓶怡宝矿泉水·2020-02-12 17:40

BeetleX.AdminUI介绍

BeetleX.AdminUI是基于Beetlexjs+Vuejs+Bootstrap相结合的后台管理框架,主要介绍在不使用Webpack的情况下，如何用VS来开发一个单页面的Web后台管理应用。
beetlex·2020-02-12 11:00

BeetleX.AdminUI介绍

BeetleX.AdminUI是基于Beetlexjs+Vuejs+Bootstrap相结合的后台管理框架,主要介绍在不使用Webpack的情况下，如何用VS来开发一个单页面的Web后台管理应用。
·2020-02-12 11:00

快速上手最新的 Vue CLI 3

介绍尤雨溪（EvanYou）发起并创建的VueJS，是一个用于构建用户界面的非常先进的框架，在GitHub上拥有超过121,0
疯狂的技术宅·2020-02-12 10:04

towebp-loader诞生记~ 一个webpack 图片loader

在上篇Vuejswebp图片支持，插件开发过程~中我做了一个图片转换成webp的组件，并且使用了相关的loader，但是我们在使用过程中发现webp和原图的hash是不一样的，这样我们就没有办法保留版本的概念了
冰星寒水·2020-02-12 09:53

Vue 循环、点击、双向绑定

vuejs的简介：Vue.js的特性如下：1.轻量级的框架2.双向数据绑定3.指令4.插件化创始人：尤雨溪一、常用指令1.v-for：对数组或对象进行循环操作例：{{value}}newVue({el:
纪美·2020-02-12 04:58

vuejs项目性能优化总结

在使用elementUI构建公司管理系统时，发现首屏加载时间长，加载的网络资源比较多，对系统的体验性会差一点，而且用webpack打包的vuejs的vendor包会比较大。
哟哟哟煎饼果子·2020-02-12 03:11

vue插件汇总

一、UI组件及框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material
Yin先生·2020-02-12 03:47

vue-router总结 -- 基础使用

结构.png一、简单介绍VueRouter是vuejs官方的路由管理器，是学习vue的必备技能，利用vue-router，可以轻松构建单页应用。本文所有内容，均是自我总结，如有错误敬请指正。
孤独的前端攻城师·2020-02-11 11:19

5-vuejs2.0实战：仿豆瓣app项目：axios的简单使用

由于项目中用到了豆瓣api,涉及到跨域访问，就需要在config的index.js添加代理,例如proxyTable:{'/api':{target:'https://api.douban.com/v2',changeOrigin:true,pathRewrite:{'^/api':''}}}安装axiosnpminstall--saveaxiosvue-axios在main.js引入axiosi
穆風·2020-02-11 09:06

vue插件汇总

https://www.jianshu.com/p/3147c5b76f15一、UI组件及框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs
Lun_dy·2020-02-11 04:56

webstorm添加vue模板支持

引用自djyde博客-vuejs-and-
懒先森·2020-02-10 23:17

VueJS与ReactJs，如何选择

2016年，React在Web端和移动端都实现了迅速的成长，稳稳地领先于其主要竞争对手Augular，巩固了其作为前端框架之王的地位。Vue.js2.0的发布在整个JavaScript社区都引起了巨大反响，这一点仅从它在Github中涨了25,000颗star，就足以得到证明。一、相似之处React和Vue有许多相似之处，它们都有：1.使用VirtualDOM2.基于组件化的轻量级框架，提供了响应
默默先生Alec·2020-02-10 11:05
上一页 91 92 93 94 95 96 97 98 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他