Vue学习笔记

VSCODE + md 电子书

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

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

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

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学习笔记（四）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学习笔记（二）——基本语法

二、基本语法参考视频：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学习笔记（十五）——搭建基于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学习笔记（二）网络应用

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学习笔记1.Form表单（1）Form错误验证提示（插槽-插槽作用域，:error="abc"属性知识）https://www.cnblogs.com/steamed-twisted-roll/p
yuanyi正·2020-08-10 12:46

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

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

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学习笔记

Vue学习笔记前言官网：https://cn.vuejs.org/官方文档：https://cn.vuejs.org/v2/guide/热门组件库地址：https://github.com/vuejs/
Simba1949·2020-08-07 12:28

Vue学习笔记

代码地址:https://github.com/Zhuyaqiang/vue_shop目录一、webpack二、webpack三、脚手架四、实战电商项目1.登录2.主页3.用户列表4.权限管理5.商品分类6.商品参数7.商品列表8.添加商品9.数据报表10.杂项及优化一、webpack打包处理js文件中的高级语法(自定义类等)安装babel转换器相关的包npminstallbabel-loader
吃包子的猪·2020-08-07 11:02

vue学习笔记

输入上面命令后，会询问几个选项，根据自己需要填写就可以了。一、Projectname:项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。二、Projectdescription:项目描述，直接回车三、Author：作者四、vuebuild构建方式（暂且这么解释）两个选择（上下箭头选择，回车即为选定）(是使用阉割版的vue还是使用完整版的vue第一个是完整版的第二个是阉割版的)1.Runt
yshir-phper·2020-08-07 10:41

Vue学习笔记（9）

1、复习总结Document/*今日内容：1ES6模块化语法import/export2axios的高级使用1.1全局导入一次1.1配置公共路径1.2拦截器统一添加header3项目4异步编程：Promise和async/await*/2、webpack-basic（1）js-a.jsconstnum=666conststr='字符串'//导出exportdefaultnum//exportdef
魔法 • 革·2020-08-07 10:21

Vue学习笔记——过渡、VueRouter、Vuex

文章目录过滤器定义过滤器参数过滤器串联练习首字母大写数字中间加上逗号数字添加文字“万”安装脚手架安装@vue/cli快速原型开发安装vscode插件利用脚手架搭建项目渲染函数基础节点、树、以及虚拟DOM虚拟DOMcreateElement参数深入数据对象使用JavaScript代替模板功能v-if和v-forv-model事件&按键修饰符插槽JSX插值指令v-textv-htmlv-showv-i
前进知者·2020-08-06 18:03

Vue学习笔记----------npm创建Vue项目

借鉴博客：https://blog.csdn.net/wing_93/article/details/78573820安装nodejshttps://blog.csdn.net/orange228/article/details/79365795安装Githttps://blog.csdn.net/wulala_hei/article/details/80488674vue-clivue脚手架的详
白菜翻身·2020-08-05 12:27

vue学习笔记

$Title$.class1{background:#444;color:#eee;}.active{width:100px;height:100px;background:green;}.text-danger{background:red;}{{name}}将状态值以html输出的方式输出{{getMoney()}}{{addProperty()}}{{extendPro.newPro}}修改
zhangchaohong137·2020-08-04 06:19

Vue学习笔记进阶篇——Render函数

本文为转载，原文：Vue学习笔记进阶篇——Render函数基础Vue推荐在绝大多数情况下使用template来创建你的HTML。
weixin_30894583·2020-08-04 04:44

Vue学习笔记进阶篇——列表过渡及其他

本文为转载，原文：Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。
weixin_30362801·2020-08-04 04:21

Vue学习笔记（十七）——$nextTick()的使用场景

尽管Vue不建议开发者去操作真实dom，但在实际开发中仍然会有部分操作真实dom的场景。初学者在操作真实dom的时候一定会遇到下面这样的问题：页面使用了Vue的某个变量，希望在变量更新后立即操作变量映射的dom，但是发现查询到的dom信息是更新之前的。解决方案：这个问题是由于更新Vue的变量后不会立即更新变量映射的dom，但是Vue提供了$nextTick()方法，我们可以把希望在真实dom更新完
讨厌走开啦·2020-08-03 19:30

Vue学习笔记（二） —— 组件开发

简介在了解了Vue语法的基础知识和常用特性之后，在进行正式的开发之前，非常有必要的对组件化的相关知识进行了解。本文就是为介绍组件的相关知识点的。1、组件化开发思想现实生活中的组件化思想主要是：标准，分治，重用和组合。而软件上的组件化思想，其实都是对上面所说的进行抽象表示，然而每种语言所用的标准可能又不相同。组件化规范：WebComponents但是这个规范并不是所有的浏览器都支持我们希望尽可能多的
寒冰屋·2020-08-03 02:15

Vue学习笔记（五）—— 状态管理Vuex

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔
寒冰屋·2020-08-03 02:15

Vue学习笔记（四）—— 前端路由

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔记（二）——组件开发Vue学习笔记（三）——前后端交互1、路由基本概念与原理1.1路由路由是一个比较广义和抽象的概念，路由的本质是对应关系
寒冰屋·2020-08-03 02:15

Vue学习笔记（三） —— 前后端交互

有兴趣的朋友可以看看之前的两篇文章：Vue学习笔记（一）——常用特性Vue
寒冰屋·2020-08-03 02:15

Vue学习笔记（一）—— 常用特性

简介Vue的常用特性其实也是Vue语法的一部分，只是为了学习方便，所以单独拿出来进行说明，学习上也显得更清晰。对于基础部分，可用参考官网上的介绍。Vue常用特性表单操作自定义指令计算属性侦听器生命周期1.1表单操作1、基于表单的操作Input单行文本textarea多行文本select下拉多选radio单选框checkbox多选框2、表单域修饰符number：转化为数值trim：去掉开始和结尾的空
寒冰屋·2020-08-03 02:14

VUE学习笔记整理（二）

上一篇笔记：https://blog.csdn.net/ws19900201/article/details/98875039vue指令v-showv-ifv-elsev-for@clickv-textv-htmlv-bind:href:hrefv-modelv-oncevue生命周期+组件beforeCreate未生成created生成有属性和方法beforeMount挂载前mounted已经挂
幽幽靖·2020-08-02 19:15

Vue入门学习笔记3 vue全局API整理

Vue入门学习笔记3vue全局API整理这是学习vue的第三篇文章了，前面两篇分别介绍了vue入门和vue的内部指令，这篇将介绍vue的全局API官方文档vue学习笔记1Vue入门vue学习笔记2Vue
会左勾拳的螳螂·2020-08-02 17:32

Vue学习笔记整理(一)

参照视频coderwhy老师的Vue目前笔记积累到P62原本没打算整理笔记，结果p63看懵了，然后开始整理起来笔记部分笔记参考Vue笔记整理一些之前Vue基础v-bind的基本使用某些时候我们并不想将变量放在标签内容中，像这样{{message}}是将变量h2标签括起来，类似js的innerHTML。但是我们期望将变量imgURL写在如下位置，想这样导入图片是希望动态获取图片的链接，此时的imgU
非幡动·2020-08-02 16:58

Vue学习笔记

黑马程序员–vuejs视频学习笔记，视频链接day01一、Vue课程简介前5天：学习Vue基本语法和概念；打包工具：webpack，gulp；后五天：以项目驱动教学。二、什么是Vue.js三、为什么要学习流行框架企业为了提高开发效率，使用框架就能提高效率；提高发开发效率的历程：原生JS->Jquery之类的类库->前端模板引擎->Angular.js/Vue.js；（能够让我们减少不必要的DOM操
闪黑·2020-08-02 14:04

Vue学习笔记第一天--知识点

数据流1向：js内存属性发生改变，影响页面的变化1向：页面的改变影响js内存属性的改变vue中常用的v-指令演示常用指令v-text是元素的innerText只能在双标签中使用v-html是元素的innerHTML，不能包含v-if元素是否移除或者插入v-show元素是否显示或隐藏v-model双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)class结合v-bind使用需要根据可
weixin_33743880·2020-08-02 14:53

VUE学习笔记

基础结构：varapp=newVue({el:'#app',data:{},computed:{},methods:{}})js经典方法：//数字排序functionsortNumber(a,b){returna-b}//数组对象方法排序:functionsortByKey(array,key){returnarray.sort(function(a,b){varx=a[key];vary=b[k
zhangfang2741·2020-08-02 14:22

Vue学习笔记第一天

vue常用指令及入门vue常用指令及入门准备复习今日重点es6webpack-ES6的处理ES6中的模块ES6中的代码变化vue单文件方式以单文件的方式启动vue介绍数据流vue中常用的v-指令演示class结合v-bind使用methods和v-on的使用v-for的使用漂亮的列表父子组件使用父传子看文档的对象分类子向父组件通信（vuebus）(扩展)总结过滤器获取元素vue构建方式准备1.后端
superbeyone·2020-08-02 13:53

Vue学习笔记

Vue框架1.Vue简介Vue开发者是尤雨溪，是受到angular启发，是一个实现UI层的渐进式的js框架2.什么是框架框架是指一套非常优秀可被反复使用的代码.3.框架优势a.提高了代码的复用率b.降低模块之间的耦合度c.提高开发速度d.提高代码质量4.特点a.非常好的中文文档b.体积小c.基于组件(webcomponent)开发方式MVVMvue.js是当前一个js的MVVM库，它以数据驱动和组
觅香·2020-08-02 13:44

vue

vue学习笔记整理一、安装1、CDN2、npmnpminstallvue若报错，先执行npminit-f，再执行npminstallvue3、开发版本重要:GitHub仓库的/dist文件夹只有在新版本发布时才会提交
是一天吖·2020-08-02 13:39

6.29 Vue 第二天 学习笔记

6.29Vue学习笔记1.Vue等框架等特点，框架解放程序员，适合做单页面程序，2.案例学习，品牌管理案例，主要学习有，添加操作，删除操作，搜索操作，删除操作中的函数学习了两遍。
不正经的前端程序员·2020-08-02 13:32

vue学习笔记之过滤器的使用

vue过滤器的使用Document{{item.price|priceStyle}}{{priceFilter(item.price)}}constapp=newVue({el:"#app",data:{items:[{id:1,name:"js",price:2000,number:1},{id:2,name:"node.js",price:4000,number:5},{id:3,name:"
er.chen_sir·2020-08-02 13:46

vue学习笔记第一天

框架和库的区别框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。node中的express；库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。从Jquery切换到Zepto从EJS切换到art-templateNode（后端）中的MVC与前端中的MVVM之间的区别MVC是后端的分层开发概念；MV
伍伍怀·2020-08-02 13:10

vue学习笔记四

Vue学习笔记四vue学习笔记一vue学习笔记二vue学习笔记三今天写个todolist，在前几篇的基础上做的。
Inc_晓阳·2020-08-02 13:37

小白VUE学习笔记5：History模式下，打包后页面刷新访问404

Vue-Router采坑系列：History模式首先我们可以看看官网上的说明constrouter=newVueRouter({mode:'history',routes:[...]})所以说这里两种解决方案：一、不用history模式这个就很简单了，改为hash模式。唯一的不同可能就是url的地址不好看而已。二、后台支持配置其实官网有很多例子，包括Apache、nodejs、Nginx等等的配置
Funfction_Zero·2020-08-01 06:30

mpvue学习笔记一：初始化一个mpvue项目

官方文档：http://mpvue.com/mpvue/quickstart/#1-mpvue1.安装nodejs2.打开命令行工具，执行以下操作：（1）node-v(检查node是否成功安装)（2）npm-v(检查npm是否成功安装)（3）npmsetregistryhttps://registry.npm.taobao.org/（安装淘宝镜像）（4）执行命令npminstall-gvue-cl
keepRealLu·2020-08-01 01:37

vue学习笔记之router（2）（ 嵌套路由、传递参数,导航守卫）

嵌套路由home页面中,我们希望通过/home/news和/home/message访问一些内容,个路径映射一个组件,访问这两个路径也会分别渲染两个组件,创建两个vue组件，然后这两个组件是再组件home里面进行展示的，所以这个组件的的router-link标签是放在home组件里面如，然后设置这些组件的url匹配方式，就是/home1/news和home1/message。home.vue我是h
qq_39773416·2020-07-31 22:40

Vue学习笔记（十四）——keep-alive标签用法

参考文档：https://cn.vuejs.org/v2/guide/本文主要介绍keep-alive标签的用法。keep-alive标签用于切换组件时保留隐藏组件的状态。例如当组件a显示时，变更了组件a的data，然后把组件a切换为组件b，再切回组件a：如果组件被keep-alive包裹，则组件a的data为变更后的状态；如果组件未被keep-alive包裹，则组件a的data为初始化状态。以下
讨厌走开啦·2020-07-31 19:49

Vue学习笔记

组件子父组件通信子父组件：单向数据流非父子组件间的通信路由router的使用路由嵌套，参数传递，路由结合动画参数传递路由实例的方法路由结合动画单文件组件VUE文件vue-loaderwebpack示例步骤1.创建项目，结构如下2.编写App.vue组件3.安装相关模板4.编写main.js5.编写webpack.config.js6.编写.babelrc文件7.编写package.json配置8.
白卡pala·2020-07-30 18:50

Vue 源码解析 - 数据驱动与响应式原理

[TOC]Vue学习笔记Vue源码解析-主线流程Vue源码解析-模板编译Vue源码解析-组件挂载Vue源码解析-数据驱动与响应式原理数据驱动与响应式原理Vue的一个核心思想就是数据驱动，即数据会驱动界面
Whyn·2020-07-30 18:56

AntDesign vue学习笔记（九）自定义文件上传

第七节时提到，上传文件时实际可能需要传输一个token。1、查看vueantdesign文档https://vue.ant.design/components/upload-cn/2、使用customRequestcustomRequest通过覆盖默认的上传行为，可以自定义自己的上传实现Function3、定义customRequest，之前定义action行为会被覆盖，可以注释掉4、custom
weixin_30952535·2020-07-30 17:27

AntDesign vue学习笔记（七）Form 读写与图片上传

AntDesignForm使用布局相比传统Jquery有点繁琐（一）先读写一个简单的input为例....1、读数据，很简单this.form.validateFields((err,values)=>{if(!err){this.form.getFieldValue("username");注：此处也可以直接拿values中值使用2、写数据,根据经验把get变成set,提示不存在setField
weixin_30609287·2020-07-30 17:34
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他