------vue学习第31页

vue学习-axios

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。1.axios基本使用安装当前文件夹下npminstallaxios--save文件中导入并使用在需要网络请求的入口文件中importaxiosfrom'axios'就可以直接使用axios(config)，config一般为对象axios({url:'xxx'}).then(res=>{console.log(re

adrenalineiszzz·2020-08-13 12:12

VSCODE + md 电子书

最近在看前端VUE方面的例子，感觉现在前端变化得很多了，所以把前端的学习的一些东西记录下来，现在程序员都在用gitbook来写东西，所以试了一下还不错，把过程记录下来：也把我试到打包的一本书放到网上：Vue

xiajing13579·2020-08-13 11:14

vue学习八(监听、$event、内联处理器中的方法)

文章目录监听事件事件处理方法内联处理器中的方法$event事件修饰符监听事件可以用v-on指令监听DOM事件，并在触发时运行一些JavaScript代码。Add1Thebuttonabovehasbeenclicked{{counter}}times.varexample1=newVue({el:'#example-1',data:{counter:0}})事件处理方法然而许多事件处理逻辑会更为复

进击的小猿·2020-08-12 18:56

VUE学习（七）——常见的loader模块、rander的使用、webpack使用vue和vue-router、ES6的导入与导出

一、常见的第三方loader模块在webpack.config.js中配置module:{//配置所有第三方loader模块的rules:[//第三方模块的匹配规则{test:/\.css$/,use:['style-loader','css-loader']},//处理CSS文件的loader{test:/\.less$/,use:['style-loader','css-loader','le

b u g·2020-08-12 17:07

Vue基本的CRUD操作

vue学习语法demo1序号名字年龄性别爱好操作{{item.id}}{{item.name}}{{item.age}}{{item.sex}}{{item.hobby}}编辑删除添加编辑varapp=

datou-leo·2020-08-12 16:53

Vue学习(二)自定义指令

Vue指令Vue的指令以v-开头，作用在HTML元素上，将指令绑定在元素上，给绑定的元素添加一些特殊行为。例如：Yes其中，v-是Vue的标识，if是指令ID，yes是expression。yes是MVVM中的VM即ViewModel，当它的值发生变化，就会触发指令，改变View视图的显示。expression还可以使用内联的模式，任何依赖的属性发生变化时都会触发指令的执行。如：可以使用逗号分割多

Suyd·2020-08-12 16:41

vue学习笔记之前端模块化（Es6模块化的导入导出）

一、为什么要进行模块化开发比如导进去多个js文件时，js文件中有命名同样的情况，就会造成影响如下图那么如何解决上面的问题呢可以使用匿名函数的解决方案我们可以使用匿名函数来解决方面的重名问题在aaa.js文件中，我们使用匿名函数就是使用闭包，因为函数的作用域是块级作用域，不会影响全局，所以就是把内容放在函数里面去执行代码(function(){varflay=true})()但是使用这种方法代码的复

qq_39773416·2020-08-12 16:04

一、vue学习之常用标签

vue常用标签文本数据v-textHTML数据v-html双向数据绑定v-model{{modelVal}}流程控制v-if{{isShowDiv}}循环v-for{{item.id}}==>{{item.name}}/**1、v-text-->innerText普通文本2、v-html-->innerHtml会作为html显示出来3、v-model-->双向数据绑定4、v-if-->流程控制与它

一个名字很长很长很长的JAVA工程师·2020-08-12 14:08

vue学习10：计算属性的getter和setter

直接上代码：{{fullName}}varvm=newVue({el:'#app',data:{firstName:'Dell',lastName:'Lee'},computed:{fullName:{get:function(){returnthis.firstName+""+this.lastName;},set:function(value){vararr=value.split("");t

simoonQian·2020-08-12 13:06

vue学习（二） vue生命周期 vue自定义指令和过滤器

生命周期钩子函数vue的生命周期图示vue的几个钩子函数直接代码展示：{{msg}}varvm=newVue({el:"#box",data:{msg:"welcomevue",},//在实例开始初始化时同步调用。此时数据观测、事件和watcher都尚未初始化。init:function(){alert("实例初始化")},//在实例创建之后同步调用。//此时实例已经结束解析选项，这意味着已建立：

sJohnny·2020-08-12 12:09

解决vue项目安装scss依赖，出现 TypeError: this.getResolve is not a function 问题

-----------------------------------------------------qq群（vue学习交流）：482739794--------------------------

柠檬不萌只是酸i·2020-08-12 01:52

Vue 如何新建一个项目（如何安装依赖）

接触Vue框架已经有几个月了，之前一直很忙，现在把Vue学习的笔记在总结回顾一下安装Vue第一步，安装node.jshttps://nodejs.org/en/download/第二步，更换淘宝镜像npminstall-gcnpm

渐暖°·2020-08-12 00:31

VUE学习（六）——webpack打包与配置

本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。webpack是基于

b u g·2020-08-11 22:25

vue-cli 创建项目选项详解（vue基础）

从今天开始，开始写vue学习笔记专题。先写几篇基础知识，后续会有vue的一些高阶操作，例如自动化搭建vue多页面，vue插件开发，vue库的开发以及自动化脚本分开文件打包等等。

毕加伟·2020-08-11 20:19

vue学习笔记——vue-cli(2.x)脚手架的搭建

vue学习笔记——vue-cli(2.x)脚手架的搭建一、Node安装Node官网下载按步骤下载安装即可，安装完之后在cmd中输入node-v，若显示版本号，这说明安装成功。

Coolinx·2020-08-11 20:39

Vue(Vue-cli)初始页面模板

Vue学习记录—初始Vue模块页面示例生命周期钩子数据示例/*模块必须为一个完整的div*//*仅限当前页面适用*/@import'.

努力努力再努力0918·2020-08-11 20:51

Vue学习之路第三篇：插值表达式和v-text的区别

上一篇说到插值表达式有一个问题：页面频繁刷新或者网速加载很慢的时候，页面会先出现“{{msg}}”，再一闪而过出现真实的数据。对于这个问题Vue给予了解决办法，看具体事例。{{msg}}节点中我们定义了Vue的内置属性“v-cloak”[v-cloak]{display:none;}这里我们定义了样式：包含属性“v-cloak”的节点默认隐藏varvm=newVue({el:"#app",data

weixin_30409849·2020-08-11 18:25

视频教程-uniapp开发仿阿里飞猪旅游微信小程序，vue中高级课程-Vue

后端技术方向在python，node，曾先后就职于阿里云，阿里影业集团，目前自己创业中耿职¥226.00立即订阅订阅后：请点击此处观看视频课程视频教程-uniapp开发仿阿里飞猪旅游微信小程序，vue中高级课程-Vue

weixin_28725593·2020-08-11 18:42

Vue学习系列（三）：Vue的插值表达式v-text和v-html

Vue学习系列：上一篇：Vue学习系列（二）：Vue的第一个实例在Vue中，数据绑定最常见的形式就是使用{{…}}（双大括号）的文本插值。

看地阔天高云深处·2020-08-11 18:37

Vue学习篇-7、Vscode安装Eslint插件进行代码格式化

一、安装Eslint依赖1、项目目录下，vscode终端下运行下方命令npmieslint-D./node_modules/.bin/eslint--init运行结果：enter键确认下一项由于我使用的vue项目，所以选择vue.js这个根据个人选择space键进行确认选择接下来，由于我这边已经安装过了，所以终端也没有再进行下去，但下一步选择yes进行安装即可2、使用ESLint+Prettier

Code P·2020-08-11 18:17

vue学习【插值表达式】

插值表达式{{不会被编译}}二元运算：{{number/2}}三元运算：{{isOk?'确定':'取消'}}{{text.split(',').reverse().join('')}}varvm=newVue({el:"#root",data:{isOk:true,number:20,text:"我是,一个,漂亮的,小姐姐"}})网页打印结果：js中：split('*')：按照给定字符将字符串分割

Rachel~Liu·2020-08-11 17:32

Vue初体验（三），表达式的使用

Vue学习.style{color:red}{{message}}newVue({el:'#app',data:{message:"mapbar_front很厉害！"}})其次，还

mapbar_front·2020-08-11 17:23

vue学习记录（三）

模板语法（---取值vue官方文档Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。如果你熟悉虚拟DOM并且偏爱JavaS

cxl_3619·2020-08-11 16:25

Vue学习02-Vue插值操作

前面一篇文章中简单的记录了一下Vue基础的内容，接下来主要记录Vue的插值与表达式，以及它的一些基本指令。初识Vue.js1、Mustache语法：{{}}，最基本的文本插值方法，自动将双向绑定的文本数据实时显示出来2.v-html在某些情况下，服务器返回的数据本身就是html文本，需要在界面上以html的形式显示出来，这是如果使用文本插值方法，就整个将这段html数据显示在界面上了3.v-onc

毛糖糖·2020-08-11 16:21

Vue学习之旅Part1：Vue的数据渲染语法和指令(插值表达式、v-cloak、v-text、v-html)

Piconjo_Official·2020-08-11 16:49

Vue学习之高级系列（vue-cli,vue-router,vuex）

Vue高级-Vue全家桶技术1.vue-cli脚手架2.vue-router路由3.vuex多组件状态管理vue-cli它是vue提供的一个用于构建vue项目的脚手架，目前它的版本已经到了4.x版本vue-cli2.x版本vue-cli2以上版本【34】市面上安装如何让一台电脑既可以使用vue-cli2也可以使用2以上版本？$cnpm/npmi@vue/cli@vue/cli-init-g@vue

静简。·2020-08-11 14:07

Vue学习笔记（四）Webpack

下载Node.js网址www.nodejs.cnnpmiwebpack-g全局安装webpack打包文件创建webpack.config.js固定写法ES6代码配置支持ES5webpack安装Vue安装命令npminstallvue--save配置别名main.js内部引用下面用组件来管理vue安装vue-loader:命令：npminstallvue-loadervue-template-com

李了凡·2020-08-11 13:21

Vue学习之源码分析--Vue.js响应式原理（一）

关于Vue.jsVue.js是一款MVVM框架，上手快速简单易用，通过响应式在修改数据的时候更新视图。Vue.js的响应式原理依赖于Object.defineProperty，尤大大在Vue.js文档中就已经提到过，这也是Vue.js不支持IE8以及更低版本浏览器的原因。Vue通过设定对象属性的setter/getter方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是

强哥blog·2020-08-11 12:19

Vue学习笔记（二）——基本语法

二、基本语法参考视频：https://www.bilibili.com/video/av89760569源码和markdown下载：https://github.com/tanglei302wqy/notes/tree/master/vue欢迎star、fork、follow素质三连2.1事件监听前端开发过程中，需要监听各种事件：点击、拖拽、键盘事件等，在Vue中使用v-on进行事件监听，v-on

sherman2571·2020-08-11 12:20

vue学习基础（一）

Vue.js什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库

巷陌i·2020-08-11 12:34

Vue学习笔记（十五）——搭建基于webpack的vue开发环境

参考文档：https://segmentfault.com/a/1190000012789253?utm_source=tag-newest依次执行文档贴出的命令即可完成基于webpack的vue开发环境的搭建，如果无法成功搭建（如某一步骤发生错误）请在文档下留言以便笔者更正。package.json（如果无法成功搭建，请先检查组件版本）{"name":"webpack-vue","version

讨厌走开啦·2020-08-11 12:19

Vue学习笔记之Webpack的使用

一、webpack的使用：项目结构：src：源码dist：打包后的文件，用于发布的文件（bundle.js就是打包后的文件，然后在index.html引用即可）同cmd进行项目打包：打包完，在项目dist目录下就会生成一个打包文件bundle.js文件，在运行页调用此js文件，运行结果：PS：只需打包入口函数（只打包main.js），其他依赖类会自动打包有两种开发模式CommonJS、ES6两种模

大数据时代·2020-08-11 10:25

Vue学习笔记（四）——webpack

四、webpack参考视频：https://www.bilibili.com/video/av89760569源码和markdown下载：https://github.com/tanglei302wqy/notes/tree/master/%E5%89%8D%E7%AB%AF/vue欢迎star、fork、follow素质三连注意：这一章中所有项目源码的node_modules需要重新生成。4.1

sherman2571·2020-08-11 10:02

Vue学习笔记之Webpack中css、less、图片等文件处理

一、webpack中使用css文件：loader是webpack中一个非常核心的概念，去转化webpack不能转化或打包的文件。安装loader：官网介绍：安装：cnpminstall--save-devcss-loaderloader配置：然后再进行打包动作：npmrunbuildPS：css-loader只负责将css文件进行加载，所以还需要style-loader负责将样式添加到DOM中，让

大数据时代·2020-08-11 10:31

vue学习小记之基本篇

这篇博文是记录我从2020.6.14开始学习vue的一些心得。注：vue和vue.js是一样的。2020.6.14认识vue.jsvue.js安装2020.6.15vue中的MVVMMustache语法用于标签之间，而非属性内部v-oncev-htmlv-textv-prev-cloakv-bind绑定class方式：对象语法Document.active{color:red;}.line{bor

Bigfishseasugar·2020-08-11 05:48

Vue学习笔记（二）网络应用

1.axios简介axios是一个功能强大的网络请求库GET请求格式：axios.get(url?key=value&key2=value2).then(function(response){},function(err){})POST请求格式：axios.post(url,参数对象).then(function(response){},function(err){})导入：示例：document

Zijeak·2020-08-11 03:36

vue学习（02）条件渲染

成功失败表白成功表白失败变化newVue({el:"#app",data:{ok:false,}})学习知识来源于尚硅谷

weixin_42121557·2020-08-11 00:11

各种学习笔记

vue学习笔记1.Form表单（1）Form错误验证提示（插槽-插槽作用域，:error="abc"属性知识）https://www.cnblogs.com/steamed-twisted-roll/p

yuanyi正·2020-08-10 12:46

Vue学习篇-4、webpack 中加载器的使用--打包各类文件

一、打包处理css文件1、运行npmistyle-loadercss-loader-D命令，安装处理css文件的loader2、在webpack.config.js的module.exports->module->rules数组中，添加loader规则如下：//所有第三方文件模块的匹配规则module:{rules:[{test:/\.css$/,use:['style-loader','css-

Code P·2020-08-10 10:43

mpvue学习笔记-之微信小程序数据请求的封装

简介美团出品的mpvue已经开源出来很久了，一直说要进行一次实践，这不最近一次个人小程序开发就用上了它。看了微信官方的数据请求模块--request，对比了下get和post请求的代码，发现如果在每一个地方都用request的话，那会有很多代码是冗余的，于是就准备自己封装一个，下面就记录一下封装过程。注释也写在下面的代码里了。实现的结果代码要简洁无需每个页面引入一次Promise化，避免回调地狱封

weixin_33754065·2020-08-10 02:02

laokaizzz·2020-08-09 21:42

Vue学习

一、Vue基础指令插值表达式{{msg}}直接读取data中的数据v-cloak用法:直接在标签上加v-cloak属在css中设置[v-cloak]{display:none;}V-text用法:v-text=“msg”读取data中的msg属性的值,会覆盖标签里面的内容,不会渲染标签,还是以字符串的形式渲染出来V-html用法:v-html=“msg2”读取data中的msg2属性的值,会覆盖标

Guan丶·2020-08-09 21:27

Vue学习指南入门篇

介绍Vue.js是什么Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。尝试Vue.js最简单的方法是创建一个.html文件，然后通过如下方式引入Vue：vue安装给出了更多安

bruobuqi·2020-08-09 20:40

Vue学习(一)概念及常见命令介绍

Vue.js介绍Vue.js是JavaScriptMVVM（Model-View-ViewModel）库，十分简洁，Vue核心只关注视图层，相对AngularJS提供更加简洁、易于理解的API。Vue尽可能通过简单的API实现响应的数据绑定和组合的视图组件。Vue和MVVM模式MVVM模式即Model-View-ViewModel。Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建

Suyd·2020-08-09 19:46

VUE学习（一）

MVVM模式MVVM是Model-View-ViewModel的缩写，是一种基于前端的架构模式，其核心是提供对view和viewModel的双向数据的绑定，这使得ViewModel的状态改变可以自动传递给View。VUE的使用直接使用声明式渲染先编写Vue对象//创建一个vue对象varvue=newVue({el:"#app",//控制范围,#后跟iddata:{//el中要用到的数据msg:"

知来者犹可追·2020-08-09 17:01

Vue 学习

Vue学习文章目录Vue学习01、Vue-基本使用02、Vue-指令系统03、Vue-的双向数据绑定04、Vue-局部组件的创建05、Vue-局部组件的使用06、Vue-全局组件的创建07、Vue-通过

行走的皮卡丘·2020-08-09 17:29

vue学习之JS封装

我是一个菜鸟还需努力，一起都是自己观点，不喜勿喷。导入js文件有很多种方式，我喜欢使用这种，感觉跟框架导入很相似。没有多余的沉湎。定义一个js文件，比如util.jsimportVuefrom"vue";//==============================StringUtil=================================constStringUtil={//是否为空

赵丰登·2020-08-09 16:30

Vue入坑——vue-cli（脚手架）目录结构认识

2019独角兽企业重金招聘Python工程师标准>>>上一篇：搭建vue-cli脚手架一起学vue——vue学习总路线——————————^~^我是萌萌哒分割线^~^————————————————上一篇已经将

weixin_33878457·2020-08-09 14:09

vue学习（1）：将ajax请求封装进JS文件后，调用vux的toast

最近开发项目遇到了一个问题：我的项目使用了VUE,并使用VUX框架做ui。在该项目中，我把ajax请求封装在了一个js文件中。我希望能够在AJAX请求完成之后，弹出一个提示框告诉用户处理结果，但在封装了ajax的JS文件中无法调用vux的toast组件（提示框组件）（如果有能调用的方法请告诉我QAQ），本菜鸡在查了大量的资料，给自己挖了很多坑之后，终于找到了一个超级简单的解决方法。解决方法如下：一

weixin_33682790·2020-08-09 14:31

vue学习七之Axios

JQuery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。什么是AxiosAxios是基于Promise的Http客户端，可以在浏览器和node.js中使用。为什么使用AxiosAxios非常适合前后端数据交互，另一种请求后端数据的方式是vue-resource，vue-resource已经不再更新了，且只支持浏览器端使用，而Axios同时支持

weixin_30670965·2020-08-09 13:23

推荐频道

------vue学习