#vue学习

vue学习

3.网络应用介绍网络应用-介绍3.1axios的使用axios使用axios.get请求，请求参数跟在地址?后面axios.get请求axios.get请求结果axios.post请求，请求参数用一个对象装起来axios.post请求axios.post请求结果axios使用的代码01_axios基本使用/*接口1：随机笑话请求地址：https://autumnfish.cn/api/joke/l
小丹子1o1·2020-07-21 17:52

四、Vue学习笔记——使用路由钩子动态修改网页名称

在router.js中设置meta属性//首页{path:"index",component:()=>import("../views/home/index/index.vue"),meta:{title:"-首页"},},通过router的钩子beforEach修改网页名称router.beforeEach((to,from,next)=>{document.title="XX有限责任公司"+t
杰克老师·2020-07-21 08:13

Vue学习笔记01

学习目录什么是Vue.js为什么要学习流行框架框架和库的区别MVC和MVVM的关系图解Node(后端)中的MVC与前端中MVVC之间的区别Vue.js基本代码和MVVM之间的对应关系html模板Vue之-`基本的代码结构`和`插值表达式`、v-cloakVue指令之`v-text`和`v-html`Vue指令之`v-bind`的三种使用方法Vue指令之`v-on`和`跑马灯效果`Vue的事件修饰符
会飞的奥特曼·2020-07-16 06:09

vue学习

1.event.target:触发事件的具体控件，不产生冒泡作用，是谁就是谁，这个在锁定事件触发的控件时经常用到，比如：单选题多选题文本题exportdefault{method:{addItem(event){lettarget=event.targetif(target.nodeName.toLowerCase()==='span'){//当点击了选择的按钮后this.showMask=tru
卡农me·2020-07-16 05:58

vue学习资料

原地址：https://www.cnblogs.com/huyong/p/6517949.htmlVue常用经典开源项目汇总参考-海量Vue是什么？Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用
qq_21729177·2020-07-16 05:16

【狂神说Java】Vue学习笔记05-----Axios异步通信

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Axios  Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下：从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI[JS中链式编程]拦截请求和响应转换请求数据和响应数
pan_h1995·2020-07-16 04:49

【狂神说Java】vue学习笔记8-----webpack使用

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Webpack  本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记02-----第一个Vue程序

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是MVVM  MVVM（Model-View-ViewModel）是一种软件设计模式，由微软WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于JavaApplet，简单点说就是在浏览器上运行WPF）的架构师KenCooper和TedP
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记07-----第一个vue-cli项目

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是vue-cli  vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；  预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；  项目的功能统一的目录结构本地调试热部署单元测试集成打
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记01：前端知识体系

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频2、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联网Java全栈工程师”再向前迈进一步。2.1、前端三要素HTML（结构）：超文本标记语言（H
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记03-----基础语法指令

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、v-bind  我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似，但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象属性，界面可以实时更新!  我们还可以使用v-bind来绑定元素特性!  上代码Title鼠标
pan_h1995·2020-07-16 04:18

【狂神说Java】vue学习笔记09----vue-router路由

说明  学习的时候，尽量的打开官方的文档  VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vuejs过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动行为安装 
pan_h1995·2020-07-16 04:18

VUE学习之extends选项

还是从一个简单的代码开始：vuedemoThisisnumber:{{num}}AddletextendObj={methods:{add:function(){console.log("thisisextendadd");}}};letvue=newVue({el:"#app",data:{num:1},methods:{add:function(){console.log("thisisori
夜跑者·2020-07-16 02:04

Vue学习-混入

混入(mixins):混入提供了一种非常灵活的方式，来分发Vue组件中的可复用功能--摘自VUE官方文档对于这句话的理解我想是这样的。我们在js代码中定义一个混入对象，这个混入对象的名字可以任意取，它只是一个单独的对象，里面可以包含一个组件可以有的任何组件选项:data,method,watch，钩子函数等等。它可以看做一个封装好的代码块，哪一个组件想用它，就可以通过mixins选项来将它包含进来
linux_lzj_cainiao·2020-07-16 02:58

Vue学习从入门到精通（八）按键事件绑定

  监听键盘事件经常需要检测keyCode。Vue.js可以为v-on添加键盘修饰符，代码示例如下：AAAexportdefault{name:'helloWorld',data(){return{}},methods:{alertB:function(){console.log('B')}}}我这边运行过后发现只有在鼠标的焦点在input标签内的时候，才能够响应键盘事件。应该是只有在输入的时候键
JackLee18·2020-07-15 17:43

【Vue学习】Vue-cli3构建项目之TodoList效果vue组件化实现

我这里用到是Vue-cli3来构建项目。components文件夹用来存放vue组件，新建的vue组件todolist.vue文件就是放在这里，根目录下的App.vue是根组件。App.vueTodoList#app{display:flex;flex-direction:column;justify-content:center;width:40%;margin:0auto;}#apph1{te
菜鸭子·2020-07-15 17:12

Vue学习笔记（一）——Intellij IDEA搭建Vue脚手架

1.安装nodejs及npm（已安装）命令行查看是否安装好nodejs和npmnode-vnpm-vps：如未安装请自行查找教程安装2.创建一个StaticWeb项目自己命名项目名称3.安装vue脚手架工具Alt+F12打开Termainal安装vue脚手架工具安装npm的淘宝镜像，输入以下命令：npmi-gcnpm--registry=https://registry.npm.taobao.or
ChingZio·2020-07-15 17:50

vue学习笔记01day_01Vue的基本代码

Document{{msg}}//2.创建一个Vue的实例//当我们导入包之后，在浏览器的内存中，就多了一个Vue构造函数//注意：我们new出来的这个vm对象，就是我们MVVM中的VM调度者varvm=newVue({el:'#app',//表示，当前我们new的这个Vue实例，要控制页面上的哪个区域//这里的data就是MVVM中的M，专门用来保存每个页面的数据的data:{//data属性中
菜鸟柱子·2020-07-15 10:55

vue学习总结一(vue指令和vue常用概念:语法糖,生命周期,过滤器)

Vue的三大特点:简单、灵活、高效1.简单只要开发者有HTML、CSS、JavaScript三个的基础我们就可以使用它去完成项目的开发，不用像Angular需要对Typescript、RxJS等等一些东西做一个新的学习，这一点上来说Vue的上手难度来的更低一些。2.灵活我们可以单独引入Vue.js文件配合项目的其他配置使用，我们也可以用vue/cli一整套的框架使用。给我们带来了更加灵活的使用方式
庚中·2020-07-15 10:15

Vue学习笔记（4）

1.Vue.js是什么?1).一位华裔前Google工程师(尤雨溪)开发的前端js库2).作用:动态构建用户界面3).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术5).vue包含一系列的扩展插件(库):*v
SS独行SS·2020-07-15 08:35

Vue学习笔记——实现异步加载

Vue实现异步加载，使用的是vue-resource库。get请求this.$http.get(‘url’，options).then(function1,function2)url为:接口地址options为:可选择参数，可省略function1为:访问成功的函数function2为:访问失败的函数post请求this.$http.post(‘url’,options，配置参数).then(fu
weixin_43246812·2020-07-15 07:19

Vue学习笔记之六进入/离开 & 列表过渡

6进入/离开&列表过渡6.1概述Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js6.2transition过渡Vue提供了transition的封装
聽見下雨的_聲音·2020-07-15 05:40

VUE学习笔记——利用es6模板字符串实现时间格式化

本文利用es6的模板字符串来实现时间对象格式化为字符串js中的时间对象Date的函数一览：//dateapiconstdate=newDate();date.getFullYear();//获取时间对象的年份4位数时间//2018date.getMonth();//获取时间对象的月份（范围0-11）//11date.getDate();//获取时间对象的日期//18date.getDay();//
qq_39041578·2020-07-14 19:59

Vue学习之增删改查小案例

增删改查小案例案例效果如下:其实也就是实现对表单数据的添加，删除和关键字查询的操作。综合案例1.页面布局页面布局我们通过bootstrap来快速实现，具体步骤如下1.1基础页面Documentvarvm=newVue({el:"#app",data:{},methods:{}})1.2表单布局使用bootstrap来设置table，在vscode中安装bootstrap插件先把这两个插件给装好，然
晓宇码匠·2020-07-14 19:15

vue学习（五）【vue样式绑定：对象或数组】

点击改变文字颜色通过class对象绑定和class数组绑定，可以实现vue的样式绑定。在页面中检查dom元素，看点击测试文本时，dom中是否会出现class名，然后在style中定义的一些样式就可以动态的作用到dom上了。第一种：class的对象绑定样式绑定.activated{color:red;}HelloWorldvarvm=newVue({el:"#root",data:{isActivi
Rachel~Liu·2020-07-14 18:47

Vue学习-组件中的数据通信

目录组件可以访问Vue实例数据吗？组件的data参数组件中的methods函数父子组件使用场景如何通信（传递数据）父传子子传父组件中的双向绑定父组件访问子组件($children或$refs)子组件访问父组件($parent)组件的扩展-slot基本使用具名插槽组件可以访问Vue实例数据吗？组件是一个单独功能模块的封装，有属于自己的HTML模板，也有自己的数据data组件中不能直接访问Vue实例里
软件技术开发·2020-07-14 09:00

VUE学习总结(一)

构造器每一个Vue.js的应用都是通过够构造函数Vue创建的一个Vue的根实例。例如：varvm=newVue({//选项})上述代码中在实例化vue的时候需要传入一个对象，它可以包涵数据、模板、挂载元素、方法、生命周期钩子等。当然为了创建可复用的组件构造器，我们可以通过扩展vue构造器的方法实现来实现预定义选项，通过扩展的预定义选项来创建更多可复用的组件。例如：varMyComponent=Vu
枫叶笛花·2020-07-14 06:26

React是什么及特点

数据驱动视图React由Facebook开发第一个真生意义上把组件化思想待到前端开发领域angular早期没有组件化思想后来也被Vue学习借鉴了React起源于Facebook的内部项目，因为该公司对市场
Leon_Jinhai_Sun·2020-07-14 05:06

vue学习新手入门 ——VScode开发第一个vue项目

vue前端框架使用越来越多，而vscode作为前端开发IDE环境也使用越来越普遍，本文结合vscode介绍vue开发第一个vue项目。开发vue需要依赖于nodejs，本博客有介绍nodejs的安装，本文就不再做介绍。一、安装vue及依赖执行npm命令安装webpacknpminstallwebpack-g再安装vuenpminstallvuevue-cli-g二、创建vue项目创建vue项目必须
啊哈嗯嗯·2020-07-13 21:10

vue学习三

Vue.js-Day3定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用V
systempause·2020-07-13 14:13

vue学习二

Vue.js-Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x版本中的filterBy指令，在2.x中已经被废除：filterBy-指令{{item.id}}{{item.name}}{{item.ctime}}删除在2.x版本中手动实现筛选的方式：筛选框绑定到VM实例中的searchName属性：输入筛选名称：在使用v-for指令循环每一行数据的时候，不再直接iteminlist，而
systempause·2020-07-13 14:13

vue学习四

Vue.js-Day4父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind或
systempause·2020-07-13 14:13

Vue学习（一）：Vue中的选项合并策略

开端最近为了给自己充电，在腾讯课堂报了一个vue源码学习的课程，跟着课堂上的老师学习vue源码以此来增加自己对于vue的理解。这篇文章主要是记录一下自己学习vue源码时，学习到了什么，并把自己对vue源码的理解通过语音的形式给描述出来。这里并不会一字一句的解释vue中的每一句源码的意思，因为有些我自己还不解其意，但不妨碍从中学习到知识。vue版本：2.5.1源码范围：1.实例化vue时参数的合并策
农村的师傅·2020-07-13 10:01

国内 centOS7 搭建k8s - kubeadm 单机

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

我的vue学习日记（一）——后台管理系统（vue+vuex+axios+iview+router）

效果如图：（结尾附上GitHub地址）介绍：1.创建vue项目//桌面打开命令窗口npm和cnpm都行，建议cnpm快很多，还不容易出错（前提是你安装了淘宝镜像cnpm）cnpminstall-gvue-cli//建好了，cd..到work文件夹（我的是work）vueinitwebpackVue-Project//Vue-Project是项目名字（work文件夹下执行）cnpminstall//
刘白超·2020-07-13 09:35

海创软件组-20200628-Vue学习过程中的记录

问卷调查前端与后端的分离设计问卷调查项目的实现以及收获前期准备vue-routerElement-UI组件库axioshttp库实现过程关键的选项渲染部分部分数据结构总结值得注意问卷调查项目的实现以及收获这一次是本团队的二轮考核项目，相较于一轮考核，两者之间的复杂程度跨度巨大，对我而言，前端独立实现一个网页可能不会遇到很多问题，但是只有前端实现某一个项目是无法实现更多更复杂的功能的，因此你需要和后
onelanp·2020-07-13 08:04

Vue学习9-项目实战二：完成九宫格、组件切换、新闻列表、时间过滤器、评论功能

上一篇Vue学习8-项目实战一：完成header、tabbar区域、路由组件切换与轮播图功能目录一、上次的反馈二、完成首页九宫格1、查看MUI2、到组件中使用3、调整样式(按F12查看有没有现成的样式名
x-dragon8899·2020-07-13 08:09

Vue中常用知识点demo

Vue学习{{msg}}点我试试这是验证属性双向绑定{{content}}姓：名：计数：{{count}}原数据：点击切换这是验证v-if指令这是验证v-show指令v-for指令：{{item}}发送
djb8317·2020-07-13 04:58

Vue基础知识学习（后端）

###Vue学习（后端）Vue安装-引入文件安装，直接在官网下载vue.js引入项目中-直接引用CDN-NPM安装（构建大型应用使用，在这不用）-命令行工具（构建大型单页应用，在这不用）Vue基本代码结构
djb8317·2020-07-13 04:58

mpvue学习笔记

一、mpvue和Vue的生命周期对比在原生小程序的页面（Page）中包含了很多页面的生命周期方法，如onLoad、onUnload、onShow、onHide、onPullDownRefresh等等，mpvue中推荐使用Vue组件生命周期方法，而像onPullDownRefresh、onReachBottom这类特殊功能的生命周期则需直接使用原生的。二、在使用mpvue的时候那些需要特别注意的点由
妹妹你大胆地往前走啊！·2020-07-13 04:42

Vue学习之旅Part16：Vue结合webpack使用vue-router实现路由和子路由

一、使用vue-router实现路由由于是通过vue-router实现的路由因此须先安装vue-router：输入cnpmivue-router-S以安装vue-router包然后在main.js里导包：导入VueRouter的包之前必须先导入Vue的包：importVuefrom"vue"importVueRouterfrom"vue-router"然后手动调用Vue.use()方法将vue-r
Piconjo_Official·2020-07-13 01:17

使用npm安装vue脚手架cli或者angular-cli时出错的解决方法

使用npm安装vue脚手架cli时出错的解决方法最近准备使用npm来安装vue学习，通过观看vue的介绍，可以认为vue与最近流行的MVVM框架angular.js相似，后者学习曲线相对陡峭，所以在时间能力不足的情况下可以先学习
zhumengzj·2020-07-12 23:06

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

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

海创软件组-20200614-Vue学习过程中的记录

海创软件组-20200613-Vue学习过程中的记录MacOS下的环境配置通过Homebrew管理Node.js以及其他包Homebrew的安装Node.js的安装npm的下载源配置通过npm下载前端开发框架工具
onelanp·2020-07-12 22:03

vue学习-2-组件及组件通讯

组件好处：可复用可以提高开发效率方便后期的维护和修改可以减少渲染全局组件&&局部组件全局组件：注册全局组件，可以用横杠也可用驼峰，如myButton/my-button，但使用时，只支持横杠Vue.component('my-button',{template:'{{msg}}',//template设置组件中的内容data(){//组件中的data是个函数，它返回对象，与实例中的data不同，那
zoepriselife316·2020-07-12 20:11

vue学习-1

vue+component+vue-router+vuex+axios库：相当于功能比较全的产品，想用时拿取产品中的一部分使用就可以。框架：为了解决一系列问题而产生的产品，使用时只能按照他的规定来用。传统的后端是MVC=>view浏览器页面=>controller路由配置（控制器）=>model（模型）前端的MVVM模式：=>View（html页面）ViewModel（核心调度者，协调器）Mode
zoepriselife316·2020-07-12 20:11

Vue学习笔记（二）

1条件判断1.1普通if条件判断使用v-if指令：看到了;newVue({el:'#app',data:{seen:true}})v-if指令根据表达式的值（在这里是seen）决定是否插入1.2if-else可以使用v-else添加一个else块：0.5">12newVue({el:'#app'})也可以增加v-else-if：ABCDnewVue({el:'#app',data:{value:'
氷泠·2020-07-12 15:15

Vue学习笔记（二）

1条件判断1.1普通if条件判断使用v-if指令：看到了;newVue({el:'#app',data:{seen:true}})v-if指令根据表达式的值（在这里是seen）决定是否插入<p>1.2if-else可以使用v-else添加一个else块：0.5">12newVue({el:'#app'})也可以增加v-else-if：ABCDnewVue({el:'#app',data
qq5d1070a92e32e·2020-07-12 13:18

Vue学习之x-template

Vue学习之x-template今天，我们来讲一个比较有趣的一个功能吧先来看一段代码示例：ThisisthecontentofcomponentHelloVue!
shandamengcheng·2020-07-12 09:51

vue学习笔记-----vue+webpack初始化项目（vue1.0的安装）

1.安装vue-cli$npminstall-gvue-cli2.用Vue-cli生成vue+webpack的项目模板$npminstall-gvue-cli$vueinitwebpackmy-project$cdmy-project$npminstall$npmrundev3.这样默认的是Vue2.0,如果要使用Vue1.X的话，执行下面的操作。$npminstall-gvue-cli$vuei
明明是地主家的傻儿子·2020-07-12 03:26
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他