vue学习

Vue学习（1）Vue实例和模板语法

前言开始Vue的学习，主要内容大概仅仅是官方手册的部分内容。主要是作为学习过程中的备忘录，以后可以翻翻快速回忆起Vue的内容。一、起步基础内容指令v-bindv-on:eventv-modelv-forv-if组件化构建a.简单的创建一个模板JS代码Vue.component('todo-item',{tempalte:'这个是例子'})模板b.带传入参数的自定义模板JS代码Vue.compone
好遠·2020-06-23 08:43

vue学习资料一（入门、插值、双向绑定）

VUE构建数据驱动的web界面的库，技术上重点在于MVVM的ViewModel层Document{{msg}}vardata={msg:'hello'}newVue({el:'div',data:data})如果要改变显示内容data.msg='world'data.msg='瑞源先生'插值语法：{{key}}将数据中的数据同步到页面中的过程；vardata={msg:'欧走不力大后天呢色'}va
凯哥开小灶·2020-06-23 06:17

Vue学习笔记四：.sync修饰符

在说明.sync修饰符作用之前，我们需要先弄清楚尤雨溪制定的Vue的三条规则：组件不能修改props外部数据在组件内this.$emit可以触发事件并传参$event可以接收this.$emit传递的参数那么当我们想要在组件内修改外部数据时，我们可以利用以上三条规则：组件内部触发事件update:title并传递参数newTitle给$event：this.$emit('update:title'
Prayx·2020-06-22 18:16

Vue学习之荏苒资讯项目（一）

Vue学习之荏苒资讯项目（一）创建项目目录创建项目的主目录E:\web_project>mkdirrenranE:\web_project>创建前端项目主目录E:\web_project>vueinitwebpackrenran_pc
surpass_w·2020-06-22 17:00

（.NET进阶四十九）vue基础使用

前端流行框架Vue学习1.初识Vue1.1Vue是什么简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
Tiger_shl·2020-06-22 06:55

Vue学习笔记（二）：购物街开发

Vue.js仿蘑菇街项目开发该项目基础来源于coderwhy:https://github.com/coderwhy/HYMall我完成的项目地址：https://github.com/IronManTonyStark/Mall-Vue.js原项目有些小bug有修复，有些地方有点改动。总结了下学习的过程，大概如下：一.项目配置1.1目录结构network->网络请求模块components->co
SheernTay·2020-06-22 05:54

vue学习之前言

vue.js是什么官网截图看完一脸懵逼，哈哈，一脸懵逼就对了，简单的一句话概括就是：vue.js是一个优秀前端框架。起步在学习vue之前，你需要对以下知识有一定的了解：htmlcssjswebpacknode.js注意：如果你以前没有接触过前端工程化（使用构建工具）的知识，那么希望你不要和萌新一样，以传统的前端开发思维（一个.html文件即为一个页面，每个.html通过不同的链接来访问）来学习vu
第三只筷子·2020-06-22 04:57

Vue学习之旅Part10：在Vue中通过vue-router实现路由嵌套

随着Vue单页应用(SPA)变得复杂需要使用路由嵌套路由嵌套允许更复杂的用户界面以及相互嵌套的组件如果对Vue的路由不太熟悉请参看我的另一篇博客：Vue学习之旅Part9：使用vue-router实现前端路由和参数传递路由嵌套即路由的组件内部还有子组件适用于很多业务场景实现路由嵌套的步骤比较简单首先在路由对象里定义子路由
Piconjo_Official·2020-06-22 03:17

vue响应式原理源码：带你一步精通vue

在文章最后附有vue学习链接。因为本文用到了很多知识点，在文章最后也有相关知识点链
爱编程的小和尚·2020-06-22 02:10

Vue学习之watch监听器详解

Watch监听器详解疫情期间在家蹲得都变懒咯，有短时间没写博客啦这次萌芽跟大家来谈谈Vue中的watch监听器！周末有小伙伴跟萌芽提到“深度监听”这个词，我寻思着不就是watch吗？怎么还分深的浅的？后来查了下才发现是萌芽小白了。watch基本上可以分为三种模式:【浅监听】【深监听】【局部监听】这里萌芽先讲一下watch监听器是什么以及使用方式。[官方对watch的解释]观察Vue实例上的一个表达
萌芽子·2020-06-22 01:57

Vue学习入门----实现一个todoList案例

关于vue的优点就不讨论了，这里直接上项目。1、添加vue.js的依赖库2、编写html网页代码如下：TodoList提交{{item}}//新建一个vue实例varapp=newVue({el:'#app',data:{//list是一个数组list:[],inputValue:''},//函数要定义在对应的Vue实例里面methods:{handleSubmit:function(){//这里
MagicMHD·2020-06-22 01:42

Vue学习从入门到精通（一）

  最近公司由于业务拓展，需要进行小程序相关的开发，本着朝全栈开发者努力，决定学习下Vue，去年csdn送了一本《Vue.js权威指南》，那就从这本书开始练起来吧。哟吼。###一，环境搭建今天主要说一下如何搭建环境，以及如何运行。####1,npm安装brewinstallnpm如果brew没有安装的话，大家可以brew如何安装哦，这里就不再详细说明了。####2,安装vue-clivue-cli
JackLee18·2020-06-21 21:33

2019年React学习路线图

作者｜javinpaul译者｜无明之前我们已经介绍了2019年Vue学习路线图，而React作为当前应用最广泛的前端框架，在Facebook的支持下，近年来实现了飞越式的发展，我们将在下文中介绍2019
Charlie8915·2020-06-21 18:16

Vue学习总结（一）

VUX安装npminstallvux需要对build/webpack.base.conf.js文件进行配置constvuxLoader=require('vux-loader')constwebpackConfig={}//替换原来的module.exportsmodule.exports=vuxLoader.merge(webpackConfig,{plugins:['vux-ui']})//最
景象·2020-06-21 16:02

vue学习笔记

vue.js提醒：Vuejs如今正处在快速发展中，很多资源随时都有可能过时（outdated），记得查看最新文档，使用最新资源。Vue的官方说明数据驱动的组件，为现代化的Web界面而生。Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js自身不是一个全能框架——它只聚焦于视图层
c盖世·2020-06-21 15:01

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
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他