#vue学习

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

vue学习相关网站

转载：https://blog.csdn.net/qq_31293575/article/details/81323215http://www.php.cn/js-tutorial-401121.htmlhttps://blog.csdn.net/cangdu123/article/details/72866072Document添加品牌Name:IdNameCtimeOperation{{ite
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学习总结】5.Vue绑定属性、Html、class、style

接上篇《4.绑定数据和对象、循环数组渲染数据》上一篇我们主要讲解了Vue的基础语法，绑定数据、对象，以及如何循环数组和渲染数据，本篇我们主要来介绍Vue属性、Html、class以及style的操作。本系列博文使用的Vue版本：2.6.11一、绑定属性上一篇我们讲解了Vue如何绑定数据，例如下面msg里面的值：{{msg}}在Vue中就可以使用data()函数来动态绑定msg的值exportdef
光仔December·2020-08-09 13:48

【Vue学习总结】4.绑定数据和对象、循环数组渲染数据

接上篇《3.Vue目录结构分析》上一篇我们主要讲解了Vue的目录分析，本篇我们主要来介绍Vue的基础语法，绑定数据、对象，以及如何循环数组和渲染数据。前几篇我使用的代码编辑器是HBuilder：HBuilder主要用来开发手机APP端的前端页面比较方便，但由于我们主要目的是开发Web端，暂时不以Webapp为主。所以目前比较好用的还是VisualStudioCode：VisualStudioCod
光仔December·2020-08-09 13:48

【Vue学习总结】6.Vue双向数据绑定和ref属性操作原生DOM

接上篇《5.Vue绑定属性、Html、class、style》上一篇我们主要讲解了Vue属性、Html、class以及style的操作，本篇我们主要来介绍Vue及双向数据绑定和Vue事件，以及Vue中的ref获取dom节点的操作。本系列博文使用的Vue版本：2.6.11一、双向数据绑定什么叫做“双向数据绑定”？其实就是我们前面提到过的“MVVM”，即“Model-View-ViewModel”，是
光仔December·2020-08-09 13:48

vue学习十二( v-model用于自定义组件、父子组件通信、组件绑定原生事件、具名插槽、插槽作用域、动态组件is和keep-alive)

文章目录自定义组件的v-model子组件跟父组件通信将原生事件绑定到组件单个插槽插槽内容具名插槽作用域插槽is特性实现动态组件动态组件使用keep-alive自定义组件的v-model一个组件上的v-model默认会利用名为value的prop和名为input的事件，但是像单选框、复选框等类型的输入控件可能会将value特性用于不同的目的。model选项可以用来避免这样的冲突{{lovingVue
进击的小猿·2020-08-09 13:01

vue学习-- 内置指令

{{message}}---------------------分割线---------------------鼠标---------------------分割线---------------------v-ifYes!name:{{name}}No!Age:{{age}}Name:{{name}}---------------------分割线---------------------Yes!
落冰翼·2020-08-09 12:02

Vue学习（一）之脚手架安装使用

Vue的使用，度娘说的全是要搭建手脚架，如果只是像使用jquery一样引入Vue.js在页面中会怎么样呢？前段时间这么使用了一次对于单页面的数据双向绑定功能、事件绑定、钩子函数都是可以正常使用。但是路由的功能着实不知道该怎么用。无奈只能去学习脚手架了。1、安装Node.js：（本人win7系统）1.1下载直接安装：https://nodejs.org/en/download/，环境变量会自动配置。
夕冰·2020-08-09 07:58

Vue学习18.1-----webpack打包处理less文件

1、运行npmiless-loaderless-D2、配置webpack.config.js文件constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');//创建插件的实例对象consthtmlPlugin=newHtmlWebpackPlugin({//指定要用到的模板template:'./s
小虾米的成长之路·2020-08-09 07:40

Vue学习18-----webpack打包处理css文件

1、新建css文件li{list-style:none;}2、引入css样式、运行import './css/ys.css'3、运行后报错4、执行npmistyle-loadercss-loader5、配置webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');
小虾米的成长之路·2020-08-09 07:40

Vue学习18.2-----webpack打包处理scss文件

1、运行npmisass-loadernode-sass-D2、配置webpack.config.js文件constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');//创建插件的实例对象consthtmlPlugin=newHtmlWebpackPlugin({//指定要用到的模板template
小虾米的成长之路·2020-08-09 07:40

Vue学习笔记01day_03.跑马灯效果

Document{{msg}}//注意：在VM实例中，如果想要获取data上的数据，或者想要调用methods中的方法，必须通过this.数据属性名或this.方法名来进行访问，这里的this，就表示我们new出来的VM实例对象varvm=newVue({el:'#app',data:{msg:'猥琐发育，别浪~~！',intervalId:null//在data上定义定时器Id},methods
菜鸟柱子·2020-08-09 03:55

vue学习之elementUI清除对话框中表单校验

问题：关闭对话框重新打开时，发现表单校验还是存在~解决方法一：在关闭对话框按钮中添加如下代码：this.$refs[formName].resetFields();//重置表单移除校验注意：formName是ref参照名这个方法有个弊端，当不上点击关闭按钮关闭对话框时，如点击旁边空白，或者右上角x时，表单校验还是存在。此时需要使用方法二。解决方法二：只需要在From标签上加上v-if="showD
Seul0725·2020-08-09 01:50

Vue学习：组件学习

一、什么是组件组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用二、组件的创建创建方式1vartest_yk=Vue.exten
weixin_30357231·2020-08-08 23:06

vue学习十一(全局局部组件、prop传不同值、 v-bind 动态赋值、单向数据流、prop校验)

文章目录全局注册局部注册dom模板解析注意事项用Prop传递不同值类型用Prop通过v-bind动态赋值用Prop传递对象的所有属性用Prop传递对象数组用Prop传入一个数字单向数据流Prop验证全局注册我们只用过Vue.component来创建组件这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的Vue根实例(newVue)的模板中。比如Vue.component('my-com
进击的小猿·2020-08-08 22:10

Vue学习第十周-开源项目

服务端渲染与Nuxt.js服务端渲染(SSR)主要用于搜索引擎优化(SEO)或者减少前端请求量。但是前提是需要有Node.js相关的技术能力。Nuxt.js是基于Vue.js的通用框架，为Node.js做Vue服务端渲染提供了各种配置。为了快速体验Nuxt.js，可以下载安装starter模板（http://github.com/nuxt/starter/archive/source.zip）。下
shaojiahao1·2020-08-08 21:08

VUE学习之父组件监听子组件生命周期钩子函数

父组件监听子组件生命周期钩子函数，这个应该很好做，在父组件中v-on在子组件中$emit就可以了。就是子组件向父组件通信问题。代码如下：Vue.component('child-comp',{template:"",data:function(){return{childMsg:'Hello,IamChild'}},methods:{},mounted(){this.$emit("child-ev
夜跑者·2020-08-08 17:03

vue学习-vue-cli4创建项目与目录结构简介

vue学习-vue-cli4创建项目与目录结构简介目录文章目录1、vuecli4创建项目1.1、版本简介1.2、创建项目2、项目结构简介***后记***：内容1、vuecli4创建项目1.1、版本简介版本简介
gaogzhen·2020-08-08 15:59

Vue学习心得----新手如何学习Vue（转载）

ps:本文并非原著，转载自：https://www.cnblogs.com/buzhiqianduan/p/7620102.html,请悉知前言使用vue框架有一段时间了，这里总结一下心得，主要为新人提供学习vue一些经验方法和项目中一些解决思路。文中谨代表个人观点，如有错误，欢迎指正。环境搭建假设你已经通读vue官方文档（文档都没读一遍（至少），那不建议动手撸码），在大致了解vue是什么东西，有
anji7133·2020-08-08 14:09

Vue学习create 报错:vue : 无法加载文件

PSF:\study\VuePro\01vuecli>vuecreatetestappvue:无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Policies。
wqzbxh·2020-08-08 01:06

vue学习--mounted created watch computed methods区别

首先以上的几个模块的含义：data：定义一些需要使用的数据变量或者常量computed：同data一样，可以定义变量，变量的值通过方法计算得到watch：用于监听数据变化，等同于给数据绑定的onchange事件，一旦数据值改变就会执行方法体created：初始化执行，在html加载之前进行，所以可以改变data中的值，但是不会触发change事件，也不会触发到watchmounted：初始化执行，
weisian151·2020-08-08 00:34

Vue学习第五章-条件判断与循环遍历

条件判断与循环遍历1.条件判断vue的条件判断跟其他语言的ifelse大同小异。语法：v-if='条件'v-elsev-else-if='条件'无语法糖。与v-if类似的还有v-show='条件',两者的区别v-if的条件为false时，对应的元素不会存在于dom而v-show则始终存在。因此v-if有更高的切换开销，而v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用v-sh
CodeKiang·2020-08-07 21:21

vue学习之组件(component)(二)

自定义事件父组件使用prop传递数据给子组件。但子组件怎么跟父组件通信呢？这个时候Vue的自定义事件系统就派得上用场了。1.使用v-on绑定自定义事件每个vue实例都实现了事件接口，即：使用$on(eventName)监听事件使用$emit(eventName,optionPayload)触发事件注意点：父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件{{msg}}thisisfa
weixin_30871293·2020-08-07 20:30

vue学习之mintui picker选择器实现省市二级联动

MintUI使用文档：https://mint-ui.github.io/docs/#/zh-cn2Popup弹出框介绍：https://mint-ui.github.io/docs/#/zh-cn2/popupPicker选择器介绍：https://mint-ui.github.io/docs/#/zh-cn2/pickerDatetimepicker日期选择器介绍：https://mint-u
baoleilei6·2020-08-07 16:08

vue学习之mintui picker选择器实现省市二级联动

MintUI使用文档：https://mint-ui.github.io/docs/#/zh-cn2Popup弹出框介绍：https://mint-ui.github.io/docs/#/zh-cn2/popupPicker选择器介绍：https://mint-ui.github.io/docs/#/zh-cn2/pickerDatetimepicker日期选择器介绍：https://mint-u
日出东方VS唯我不败·2020-08-07 16:05

vue学习 33路由精讲之导航守卫(全局守卫)

使用场景：系统未登录，进入除登录外的任何功能，提示未登录并跳转到登录界面。router.beforeEach()进入组件之前constrouter=newVueRouter({routes,mode:'history'})//全局守卫(to:要进入到那个路由里面去；from：你从哪个路由离开；next:对应的一个函数)router.beforeEach((to,from,next)=>{//ale
数学太陡·2020-08-07 16:50

VUE学习-环境搭建

这两天对VUE的知识开始有了兴趣，所以就开始了新的一轮学习路线，写几篇博客记录一下（前面的SpringBoot学习暂时放一段时间了，等前后端框架全部搭建完成，再去考虑做一些均衡、跨域、权限之类的处理）~首先第一篇：环境框架搭建首先是下载安装nodeJs安装完成后输入：node-vnpm-v显示正确的版本号，则说明安装成功然后是安装国内镜像cnpm:npminstall-gcnpm--registr
ZNG_XP·2020-08-07 12:35
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他