vue学习

Vue学习-基本概念理解

登录Vue的网站，来到教程学习这个页面，首先映入眼帘的就是这句话：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。看到渐进式框架是让人有点
Adiwy·2020-06-21 15:52

四、vue学习之路由

vue路由constLogin={template:'我是登录'};constRegister={template:'我是注册'};constroutes=[{path:'/login',component:Login},{path:'/register',component:Register}]constrouter=newVueRouter({routes//(缩写)相当于routes:rou
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

六、vue学习之嵌套路由

vue嵌套路由constHome={template:'注册登录'};constRegister={template:'我是注册页面'};constLogin={template:'我是登录页面'};constroutes=[{name:'home',path:'/home',component:Home,children:[{name:'register',path:'register',com
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

五、vue学习之动态路由匹配

vue动态路由匹配constLogin={template:'我是登录,用户:{{$route.params.userName}}'};constRegister={template:'我是注册,用户:{{$route.query.userName}}'};constroutes=[{name:'login',path:'/login/:userName',component:Login},{na
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

VUE学习之路（一）--- 初识VUE

一、初识VUE资料来源：vue官网API文档安装：同一般JS组件安装，引用CDN、或者引用其js文件兼容性：Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。二、基础语法（散装梳理）varvm=newVue({})demo:newVue({el:"#vue-app",data:{name:"Vue",isBut
manjh·2020-06-21 12:00

Vue学习官网和Vue的书籍 目录结构

Vue基础知识学习网站【中文】https://cn.vuejs.org/v2/guide/Vue路由知识学习网站【中文】https://router.vuejs.org/zh/guide/Vuex更为复杂的Vue知识学习网站【中文】https://vuex.vuejs.org/zh/Vue脚手架搭建和使用学习网站【中文】https://cli.vuejs.org/zh/guide/Vue自学可以参
weixin_34221073·2020-06-21 11:04

【Vue学习总结】2.Vue环境搭建、运行第一个项目

接上篇《1.入门介绍：Vue解决了什么痛点？》上一篇我们介绍了整个前端的技术栈情况，以及对Vue进行的基本介绍和其优点和特色，本篇我们来搭建Vue的运行环境，并构建一个官方实例工程运行。我们登录Vue的官网https://cn.vuejs.org，可以看到Vue的起步按钮，其三个特色也在首页进行了标明：一、搭建Vue的开发环境在使用Vue之前，我们首先要搭建Vue的环境，我们点击上面的“起步”按钮
光仔December·2020-06-21 10:14

Vue学习笔记一：Vue的初见

1.Vue两个版本的区别Vue分为完整版和非完整版(runtime版)两个版本Vue完整版Vue非完整版评价特点有compiler无compilercompiler多占40%空间视图写在html里或者写在template选项里写在render(h)函数里用h来创建标签h是Vue写好传给render的cdn引入vue.jsvue.runtime.js文件名不同，生产版本的后缀都为.min.jsweb
Prayx·2020-06-21 09:38

vue学习笔记

一：v-if作用：判断是否加载固定的内容，如果为真，就加载，否则不加载用处:用在权限管理，页面加载语法:v-if="判断表达式"特点:控制元素插入或删除，而不是隐藏（v-show是隐藏）v-if与v-show的区别:v-if的安全级别更高，v-show只是隐藏了，通过页面源代码还是可以看到，安全级别低、v-if更高的切换消耗（切换消耗指从未加载到加载或者从加载到未加载的状况，需要添加或删除这个元素
我的包子·2020-06-21 05:03

lambda表达式用于替换函数式接口

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-06-21 04:39

Feign如何统一 添加header参数

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-06-21 04:39

Vue学习之路3-浅析Vue-cli搭建项目后的目录结构

1.前言Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：1、应用层级的状态应该集中到单个store对象中。2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。3、异步逻辑都应该封装到action里面。2.项目文件目录显示如下3.项目文件解析3.1build文件build：文件夹下存放webpack的一些配置，webpack是前端网站的一种项目编译、运行、打包工具。bu
小子pk了·2020-06-21 04:01

vue学习（五）—vue-cli构建vue项目目录结构

安装node.js下载地址：https://nodejs.org/zh-cn/download/直接进行安装，安装完成node.js后自动帮助完成npm的安装，查看是否完成可以到环境配置中查看。查看npm是否安装成功并安装vue-cli安装Vue2Snippets插件安装淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org在npm-v命令后
晓果博客·2020-06-21 01:03

vue学习（一） vue和angular大比较

1.vue和angular的异同？vue上手容易指令以v-xxxhtml+json,然后再newVue()实例化对象个人维护项目适合移动端angular上手难指令以ng-xxx列表内容所有属性和方法都挂载到$scope上由google维护适合web端2.vue和angular的雏形差异vue:vue雏形{{msg}}window.onload=function(){newVue({el:"#box
薛定谔的喵喵喵·2020-06-21 01:01

vue-router学习demo整理记录

使用Vue做项目已经一年多了，发现还是有一些细节的技术了解不深入，最近在跟着技术胖的vue学习视频重新回炉，刚看完了vue-router部分内容，在此记录，下面是我学习的思维导图整理。
aihui9027·2020-06-20 23:42

【Vue学习总结】1.入门介绍：Vue解决了什么痛点？

一、目前整个前端技术栈的情况Vue是一个前端技术，所以在学习Vue之前，我们先来了解一下整个前端技术栈的技术和层次（作为一个后端谈前端，有一些不专业的地方，还望指出）：1、Html5+Css3+Jquery这是目前前端最基础的技术栈，也就是我们要实现一个前端页面，至少要掌握的基础，Html和Css是前端页面元素和样式的基础语言，而Jquery可以理解为使用JavaScript封装起来的脚本函数库，
光仔December·2020-06-14 12:23

Vue学习笔记（入门）

Vue2.0初级教程cdn引入Vue.js文件插值语法过滤器计算属性Class与Style绑定Class绑定Style绑定条件渲染表单控件绑定组件组件中间的通信Props父组件传递数据给子组件自定义事件实现子组件传递数据给父组件非父子通信slot标签的使用动态组件keep-alive子组件索引cdn引入Vue.js文件引入开发版本，包含命令行的警告插值语法文本插值Message:{{msg}}数据
Xp_周祥鹏·2020-06-11 15:57

Vue学习总结之Vue的生命周期是怎么运用操作的？本文详解

写在前面1.每一篇文章都希望您有所收获，每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。2.如果您觉得二郎神杨戬有点东西的话，作者希望你可以帮我点亮那个点赞的按钮，对于二郎神杨戬这个暖男来说，真的真的非常重要，这将是我持续写作的动力。您只需要小手轻轻一点，带来的却是温暖了这个作者，给予他前进的动力。3.除了本文案例，结合多年开发经验我还整理出2020最新企业级高级实战视频
程序员的人生A·2020-06-09 17:00

Vue学习笔记-02-指令

文章目录一、指令1.1模板语法概述1.2v-cloak指令解决插值表达式闪动的问题1.3v-text纯文本填充1.4v-html填充HTML片段1.5v-pre填充原始信息1.6数据响应式1.6v-once只渲染一次1.7v-model数据双向绑定一、指令1.1模板语法概述1.2v-cloak指令解决插值表达式闪动的问题用法：{{msg}}插值表达式存在的问题：“闪动”如何解决该问题：使用v-cl
疯狂的地球人·2020-06-01 08:43

Vue学习笔记--Vue组件

全局组件注册语法1.全局组件注册语法Vue.component('',{data:function(){//组件所使用的数据....},template:'...'//组件定义的模板数据})2.全局组件使用示例//1.Vue全局组件的声明Vue.component('button-handler',{data:function(){return{counter:0}},template:'点击了{
浪一把·2020-05-30 10:29

视频教程-Vue组件之手机通讯录实战课程-Vue

杨千锋¥49.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看APP订阅课程，领取优惠，最少立减5元↓↓↓订阅后：请点击此处观看视频课程视频教程-Vue组件之手机通讯录实战课程-Vue
weixin_27389677·2020-05-28 10:00

视频教程-Vue-cli3.x从入门到项目实战视频课程-Vue

立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看APP订阅课程，领取优惠，最少立减5元↓↓↓订阅后：请点击此处观看视频课程视频教程-Vue-cli3.x从入门到项目实战视频课程-Vue
学院导师-孟宪杰·2020-05-28 10:00

Vue学习笔记-01-入门

文章目录一、Vue概述二、基本使用2.1原生JS2.2jQuery2.3Vue.js基本步骤2.3.2Vue练习三、JS练习一、Vue概述Vue：渐进式JavaScript框架声明式渲染（基础）组件系统（通用代码）客户端路由（单页面应用：页面局部更新、浏览器历史回退功能等）集中式状态管理（项目规模比较大有大量的业务数据，为了方便管理可以使用Vuex模块）项目构建（前端项目独立开发、测试、部署上线）
疯狂的地球人·2020-05-22 21:00

Vue学习总结4-axios与Vue-router

Vue学习总结4-axios与Vue-routeraxiosAxios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，主要作用就是实现AJAX异步通信,Vue.js是一个视图层框架所以Vue.js
stack-LDY·2020-05-19 06:47

Vue学习总结1-vue.js

Vue学习总结-vue.js1.Vue简介vue是一套用于构建用户界面的渐进式的js框架。Vue核心关注的是视图层，包括Vue.js、Vue-router、Vuex。
stack-LDY·2020-05-18 13:27

Vue学习实践笔记（六）

node的安装教程：https://blog.csdn.net/FED_AF/article/details/105747632一、结构*/vuedistbundle.js（打包输出的结果，无需手动配置）srcjsvueaccount.vuelogin.vueregister.vuegoodslist.vueindex.htmlapp.vuemain.jsrouter.jswebpack.conf
FED_AF·2020-05-17 01:04

Vue学习记录

下载安装node.js修改npm镜像源npmconfigsetregistryhttps://registry.npm.taobao.org安装脚手架clisudonpminstall-g@vue/cli
沬日十七·2020-05-12 22:57

Vue学习

v-show隐藏图标v-show=true当true时图标出现v-show=“age>=18”当age大于等于18时，图片出现。点击按钮，图标出现，再点击隐藏。varapp=newVue({el:"#app",data:{isshow:false},methods:{change:function(){this.isshow=!this.isshow;}}})注意：只有函数里可以用等号。v-ifv
pick豆子·2020-05-09 21:28

Vue学习笔记5--前端工程化

前端工程化完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义：把单独的一个功能封装到一个模块（文件）中,模块之间相互隔离，可以通过特定的接口公开内部成员，也可以依赖别的模块好处：方便代码重用，提升开发效率，方便后期维护浏览器端模块化规范AMD（Require.js）CMD（Sea.js）服务器端模块化规范Comm
erkye·2020-05-06 22:00

Vue学习笔记4--vue-router路由

vue-router前端路由完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ路由的基本概念本质路由本质是对应关系路由分类后端路由概念：根据用户的URL请求返回不同内容本质：URL请求地址与服务器资源之间的对应关系前端路由概念：根据不用的用户事件，显示不用的页面内容本质：用户事件和事件处理函数之间的对应关系实现简单的前端路由基于URL中的hash实现（点击菜单的时候改
erkye·2020-05-05 21:00

Vue学习笔记3--前后端交互

前后端交互完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ概述接口调用模式原生ajaxjQuery的ajaxfetchaxiosPromise用法js异步调用例子定时任务ajax事件函数回调地狱问题Ajax的Promise处理方式functionqueryData(url){varp=newPromise(function(resolve,reject){varxh
erkye·2020-05-04 11:00

Vue学习笔记2--组件化开发

组件化开发完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ推荐官方文档内容最全组件化思想标准分治重用组合组件注册全局注册Demo--注册Vue.component('button-counter',{//组件内部需要的数据data:function(){return{count:0}},//组件的模板template:'点击了{{count}}'});使用注意事项：
erkye·2020-05-04 08:00

Vue学习第一天

Vue学习第一天学习记录使用目录：1、vue介绍1_1)：vue介绍1_2)：库和框架的区别1_3)：后端的mvc和前端的mvvm的区别2、vue的基本代码3、vue的插值表达式4、跑马灯案例5、事件修饰符
自在仙·2020-04-22 16:00

325、Vue学习笔记31 -【深入响应式原理】 2020.04.21

0、目录1、如何追踪变化2、检测变化的注意事项2.1对于对象2.2对于数组3、声明响应式属性4、异步更新队列5、参考链接现在是时候深入一下了！Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。在这个章节，我们将研究一下Vue响应式系统
youyouwuxin1234·2020-04-21 18:33

vue学习--前端交互(五、接口调用-async/await用法)

1async/await基本用法async/await是ES7引入的新语法，可以更加方便的进行异步操作async关键字用于函数上（async函数的返回值是Promise实例对象）await关键字用于async函数当中（await可以得到异步结果）/*async/await处理异步操作：async函数返回一个Promise实例对象await后面可以直接跟一个Promise实例对象*/axios.de
若能遇见·2020-04-13 22:29

vue学习系列-初识vue

写在前面几个月前还沉浸在AngularJS的强大之中，最近才猛然发现vue已经火热到不行。赶紧学习一下。目前版本为2.x，相对于1.x有一定的改变。1.x使用较为广泛一些，能查的资料多一些，还是从1.x开始啃吧。另外值得一说的是，vue-router作为与单页应用息息相关的一个模块，2.x也是相对于1.x有着所谓的“破坏性”升级，即不能向下兼容。当时没注意，还是踩了一个深深的坑，所以在此建议无论是
风穆雷·2020-04-13 04:02

vue2.x学习笔记（十二）

组件基础组件化是vue的一个重要特性，也是vue学习中非常重要的一个知识点。
杨冠标·2020-04-12 00:00

Vue学习笔记-倒计时插件

最近公司在写OTA的项目，一些订单需要自动处理，于是就有了倒计时的需求。在github上找到了vue2-countdown，就把这个插件引入到了我公司的项目中。vue2-countdown基于vue2.0的活动倒计时组件可以使用服务端当前时间在倒计时开始或者结束的时候,可以自定义回调文档：https://cgygd.github.io/vue2-countdown/demo：https://cgy
赵客缦胡缨v吴钩霜雪明·2020-04-10 22:13

不一样的 vue 实战 (3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博
yang_子义·2020-04-09 22:52

Vue学习-组件化笔记

组件化开发创建组件构造器对象Vue.extendtemplate传入自定义组件的模板//创建构造器constcpn1=Vue.extend({template:`组件1A`})注册组件全局组件/局部组件/父子组件//全局注册Vue.component("cpn",cpn1})//局部注册在实例中组件内部也可以注册另一个组件constapp=newVue({el:'#app',components:
大三还很菜·2020-04-09 19:26

Vue学习笔记

eslint中expected"indent",got"eos"在写stylus时碰到这种问题，肯定是由于编辑器使用了不一样的缩进方式，需要进行设置即可。因为他在你的编辑器中可能是对齐了的，但是实际并没有。stylusmixin只可以为样式提供函数的功能虽然可以设置vue中的样式为scoped模式但是在组件和公用组件中不要起相同的样式名以免污染vue生命周期1.beforeCreate（初始化之后
snakeninja110·2020-04-09 06:16

Vue学习:过滤器、焦点、键盘修饰符/自定义键盘修饰符

过滤器的基本使用私有过滤器{{item.ctime|dataFormat('yyy-mm-dd')}}filters私有局部过滤器，只能在当前VM对象所控制的View区域进行使用filters:{//私有局部过滤器，只能在当前VM对象所控制的View区域进行使用dataFormat(input,pattern=""){//在参数列表中通过pattern=""来指定形参默认值，防止报错vardt=n
Merbng·2020-04-09 05:50

Cordova结合Vue学习Camera

简单聊两句学习Vue+Cordova打包编译App，首先你要安装Cordova与vue，在这里本人就不说明了，自行看文档与搜索相关资料。Cordova中文官网地址Vue中文官网地址第一步：首先在vue代码中加入cordova-plugin-camera的调用方法navigator.camera.getPicture是调用camera的方法，他会附带三个参数，cameraSuccess是提供图像数据
逆行世界·2020-04-08 21:24

VUE学习01:使用vue-cli搭建项目

vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版本的，如果需要多版本的node，可以使用nvm安装http://blog.csd
陌上桑_浅·2020-04-08 11:19

VUE学习笔记---初识VueX

什么是VueXVueX是专门服务于Vue.js的状态管理模式，大白话就是Vue项目中有一些全局变量，这些变量每个地方都可以用也可以修改，VueX负责把这些变量以及修改变量的方法包装起来，这样会更规则。VueX应用的核心就是store仓库，项目中要使用VueX，先需要安装npminstallvuex然后在src文件夹下创建storestore.jpgstore的组成constmystore=newV
邓生的邓生·2020-04-07 10:04

Vue学习知识点总结

Vue讲解Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，Vue也完全能够为复杂的单页应用提供驱动。有些知识点Vue官网讲解的不是很清晰，所以我就写了一些小的demo；但是官网上有些知识点这里是没有讲解到的，大神请坐高铁走！小白每天抽空看一遍，不会也会了！案例地
艾曼大山·2020-04-07 09:19

大前端知识汇总博客

big-frontend-knowlage欢迎star,发布issue大前端知识对大前端学习的整体规划js各大重要知识点CSS各大重要知识点HTML各大重要知识点每天一个MDNAPI学习Vue学习源码解析计算机专业知识因为小编是非专业出生的
KenNaNa·2020-04-06 19:56

Vue 学习笔记4（77-87）

Vue学习笔记4（77-87）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2020-04-04 21:17

从壹开始前后端分离 [ vue + .netcore 补充项目2 ] 二七║ Nuxt 基础：框架初探

赶脚比较凄凉了，大家看到的麻烦点个赞呀说个话呀，增加下人气哈哈，刚刚突然想到原来问题都跑到群里了，也是，当初创建群的目的就是解决问题滴，不能本末倒置了[苦笑]，经过一个月的书写《.netcore(13)》、《Vue
SAYLINING·2020-04-03 04:15

vue学习笔记--插槽、具名插槽和作用域插槽

插槽使用场景是；如果子组件需要显示的内容并非来自本身，而是父组件传递进来的，而假如直接这样写，是不可以实现的，因为如果me-component没有包含一个元素，则任何传入它的内容都会被抛弃：image.png要实现上面的使用场景，可以利用插槽：我是headerVue.component('me-component',{template:`你好`})varvm=newVue({el:"#app"})
一个总在代码里给自己下毒的小白·2020-04-03 03:57
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他