#vue学习

VUE3.0 体验版API，实战大公司级管理后台开发

ElementUi+Webpack全家桶，VUE3.0体验版API，组件化开发，生命周期，路由权限，Sass，Axios拦截器，缓存，项目部署，Nginx，域名，服务器，GIT，原型，接口联调，性能，缓存等VUE
Fisherman.Mr·2020-09-16 12:20

VUE学习笔记

一.什么是VUE渐进式的Javascript框架MVVM(Model,View,ViewModel)模式二.VUE基本语法2.1Vue的基本使用引用vue.js准备要挂载的标签创建vue对象，进行挂载Title{{message}}newVue({el:"#app",//挂载data:{message:"hello,Vue!"},methods:{}});2.2el指定相应的挂载对象可以使用id,
qq_31914717·2020-09-16 12:57

使用Vue实现表单的重置

代码如下：Vue学习身份：请选择身份...学生教师管理员用户名：密码：记住我newVue({el:'#app',data:{identity:"管理员",username:'张三',password:'
二木成林·2020-09-16 11:19

学习资料2 Vue学习及例子、微信小程序、.net Core环境部署

一、Vue学习1、vue+elementui搭建后台管理界面(1登录)https://blog.csdn.net/weixin_30251829/article/details/992654502、Vue
TianGaojie123abc·2020-09-16 11:40

vue学习：7、路由跳转

2019独角兽企业重金招聘Python工程师标准>>>varLogin={template:`我是登陆界面`};varRegister={template:`我是注册界面`};Vue.use(VueRouter);varrouter=newVueRouter({routes:[{name:'login',path:'/login',component:Login},{name:'register'
weixin_33966365·2020-09-16 04:26

vue学习：v-for列表渲染

一、用v-for把一个数组对应为一组元素我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用iteminitems形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。{{item.message}}varexample1=newVue({el:'#example-1',data:{items:[{message:'Foo'},{message:'Bar'}
sayok_why·2020-09-16 03:30

Vue学习笔记（五）v-if, v-show与v-for指令

目录v-if，v-show区别：v-forv-if，v-show用于是否显示当前文件节点区别：v-if从文件节点树直接删除该节点，而v-show则使用css的display属性选择是否显示。示例：SHOWORNOTSHOWORNOTonshownewVue({el:"#root",data:{isclick:true,},methods:{handleClick:function(){this.i
DF11G_0001·2020-09-16 02:32

Vue学习笔记

文章目录node.js版本管理工具：nvmvue-cli工具创建项目的三种方式helloword模板语法计算属性（computed）与侦听器（watch）使用场景：条件渲染、列表渲染、Class与Style绑定条件渲染列表渲染Class与Style绑定组件化思想什么是组件化为什么要组件化如何进行拆分组件化带来的问题风格指南vue-route介绍用法传参方式node.js版本管理工具：nvm#查看本
CunShine_2016·2020-09-16 02:30

vue学习笔记7——有关路由跳转，初始路由设置

vue学习笔记7——有关路由跳转等对自己的详解vue默认路由（初始路由）更改在router文件夹中的index.js文件中（前提你在生成的时候有这个文件和文件夹）在配置路由的时候添加{path:'/',
aeoliancrazy·2020-09-16 01:36

vue学习之导航栏跳转路由

最近在做的东西需要实现导航栏跳转功能,点击导航菜单，切换到不同的页面。效果如下开发工具：WebStorm，ElementUI，Vue一、新建一个Vue项目项目目录如下二、安装ElementUInpmielement-ui-S在main.js中引入ElementUI，main.js代码如下importVuefrom'vue'importAppfrom'./App'importrouterfrom'.
aoen·2020-09-16 00:56

vue学习：v-text和v-html

1.v-text作用：操作元素中的纯文本，我们最常用的写法快捷方式：{{}}2.v-html作用：操作元素中的HTML标签v-text会将元素当成纯文本输出，v-html会将元素当成HTML标签解析后输出
sayok_why·2020-09-15 14:03

vue学习笔记之运行环境搭建

vue主要干了什么数据渲染/数据同步组件化/模块化其他功能：路由、ajax、数据流vue学习资源vuejs中文官网：http://cn.vuejs.org/vuejs源码：https://github.com
小红的博客·2020-09-15 13:20

Vue学习17----配置路由及默认跳转

文档https://router.vuejs.org/zh/vue路由配置实现步骤：1.安装npminstallvue-router--save/cnpminstallvue-router--save2、在main.js中，引入并Vue.use(VueRouter)importVueRouterfrom‘vue-router’Vue.use(VueRouter)3、在main.js中，配置路由3.
zhaihaohao1·2020-09-15 12:41

Vue学习18----动态路由传值及get传值（跳转及传值，相当于a标签）

在上一讲https://blog.csdn.net/zhaihaohao1/article/details/89051936配置好路由基础上，进行动态路由传值和get传值动态路由传值实现步骤：1、在main.js中，配置动态路由{path:'/content/:aid',component:Content},2、发送数据{{item}}3、在对应的页面，接收数据this.$route.params
zhaihaohao1·2020-09-15 12:41

vue学习（六）之vue实例的数据请求

vue实例的数据请求数据请求基础知识常见的数据请求类型？getpostjsonpjsonp的实现原理由于浏览器的安全性限制，不允许Ajax访问端口号、域名、协议的数据接口，浏览器认为这种访问不安全可以通过动态创建script标签的形式，把script的src属性，指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式，称作JSONP（注意：根据JSONP的实现原理，知晓，JSON
weixin_43841308·2020-09-15 12:54

vue学习----v-on

v-on使用v-on介绍事件监听可以使用v-on指令。通常情况下，我们需要使用一个方法来调用JavaScript方法。v-on可以接收一个定义的方法来调用。入门代码vue.js测试程序{{name}}+计算varVM=newVue({el:'#app',data:{name:'加法运算',num1:0,num2:0,result:0},methods:{change:function(){this
小东哥哥·2020-09-15 11:34

vue学习--- v-for,v-if

代码V-if测试程序{{name}}{{item}}+{{index}}varVM=newVue({el:'#app',data:{name:'学生列表',studentList:['张三','李四','王五']},})效果展示
小东哥哥·2020-09-15 11:34

Vue学习20----编程式的导航（跳转及传值,相当于用js实现）

在https://blog.csdn.net/zhaihaohao1/article/details/89051936的基础上来实现除了使用router-link创建a标签来定义导航链接，https://blog.csdn.net/zhaihaohao1/article/details/89052469我们还可以借助router的实例方法，通过编写代码来实现。例如：登录成功或者失败，跳转不同页面参
zhaihaohao1·2020-09-15 10:15

Vue学习之旅----编程式导航-js控制路由跳转

HomeHome请求数据{{item.title}}主动获取子组件的属性和方法非父子组件传值----给news组件传值挂载和卸载组件get传值{{index}}----{{item}}通过js跳转路由importVueEventfrom'../model/VueEvent.js'importHeaderfrom'./Header.vue'importLifefrom'./Life.vue'impo
清风徐来网·2020-09-15 09:21

Vue学习—深入剖析导航守卫-路由元

深入剖析导航守卫一、深入剖析导航守卫1.全局守卫1.全局前置守卫beforeEach2.全局解析守卫beforeResolve3.全局后置钩子afterEach2.路由独享守卫1.eforeEnter3.组件内守卫1.beforeRouteEnter2.beforeRouteUpdate3.beforeRouteLeave4.完整的导航解析流程二、VueRouter_路由元信息1.路由元2.过渡动
xun__xing·2020-09-15 09:56

Vue学习—命名视图-路由组件传参

命名视图-路由组件传参一、命名视图-路由组件传参1.命名视图1.路由组件传参2.布尔模式3.对象模式4.函数模式一、命名视图-路由组件传参1.命名视图想同时展示多个视图时，并且每个视图展示不同的组件时，可以使用命名视图。可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果router-view没有设置名字，那么默认为default。一个视图使用一个组件渲染，因此对于同个路由，多个视图
xun__xing·2020-09-15 09:56

Vue学习—编程式的导航

编程式的导航一、编程式的导航1.声明式导航2.编程式的导航1.$router.push2.$router.replace3.$router.go(n)3.$route1.$route.path2.$route.params3.$route.query4.$route.hash5.$route.fullPath6.$route.matched7.$route.name8.$route.redirec
xun__xing·2020-09-15 09:56

Vue学习—深入剖析vuex

深入剖析vuex一、State1.安装2.使用3.State1.在Vue组件中获得Vuex状态2.mapState辅助函数二、Vuex_Getter1.通过属性访问2.通过方法访问3.mapGetters辅助函数三、Vuex_Mutation1.在组件中提交Mutation2.提交载荷（Payload）3.对象风格的提交方式4.使用常量替代Mutation事件类型5.Mutation需遵守Vue的
xun__xing·2020-09-15 09:56

Vue学习—深入剖析动态路由匹配

深入剖析动态路由匹配一、深入剖析动态路由匹配一、深入剖析动态路由匹配为什么明明地址不同了，访问的页面仍是相同的。当我们需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个User组件，对于所有ID各不相同的用户，都要使用这个组件来渲染。那么，我们可以在vue-router的路由路径中使用“动态路径参数”来达到这个效果：constroutes=[{path:'/',redirect:
xun__xing·2020-09-15 09:56

Vue学习—深入剖析JSX

深入剖析JSX一、深入剖析JSX1.插值2.指令1..v-text2..v-html3.v-show4.v-if5.v-for6.v-on7.v-bind8.v-model9.v-slot10.v-pre11.v-cloak12.v-once2.Ref3.自定义指令4.过滤器5.插槽一、深入剖析JSXVue中使用JSX语法。可以让我们回到更接近模板的语法上。render(){return(这是一个
xun__xing·2020-09-15 09:56

Vue 框架 学习--3、vue cli开发中组件套用的布局问题

前言：本文是为了总结个人在vue学习中摸索组件布局的规律而创作。我们队组件进行布局需要了解该问题：我们在操纵组件进行一些列效果实现时，组件的模板是否受到父元素的干扰？
VernierVicky·2020-09-15 04:03

Vue学习笔记：拦截器

原文地址Vue可以对httprequest和httpresponse添加全局拦截，最典型的例子就是在请求头里添加token，和监测是否登录，如果没有登录则跳转到登录页面。main.js中添加拦截器的代码：1.request拦截器//request拦截器，在请求头中加tokenaxios.interceptors.request.use(config=>{if(localStorage.getIte
Robert火山·2020-09-14 20:37

vue学习

工具下载visualstudiohttps://code.visualstudio.com插件配置helloword模板hellword{{title}}名称：库存：添加{{item.name}}库存：{{item.stock}}varvm=newVue({//配置el:"#app",//配置模板data:{//配置数据title:"商品信息",newproduct:{name:"",stocke
汤阴java·2020-09-14 14:41

day 83 Vue学习三之vue组件

本节目录一什么是组件二v-model双向数据绑定三组件基础四父子组件传值五平行组件传值六xxx七xxx八xxx一什么是组件首先给大家介绍一下组件(component)的概念我们在进行vue开发的时候，还记得我们自己创建的vm对象吗，这个vm对象我们称为一个大组件，根组件(页面上叫Root)，在一个网页的开发中，根据网页上的功能区域我们又可以细分成其他组件，或称为子组件，看下面的图解：testvue
deng6648·2020-09-14 13:50

如何快速上手一个新技术之vue学习经验

碰到紧急项目挪别人的vue项目过来直接改，但是vue是18年初看过一遍，18年底再来用，早就忘到九霄云外了，结果丢脸的从打开vue开始学，虽然之前在有道云笔记做了很多记录，然后没有系统整理。所以借这次机会锻炼自己快速上手能力，顺便整理vue相关的资料。如何快速上手，三个诀窍：去碰问题+提出问题+有效筛选搜索信息。大概过程就是:打开index.html没反应——>搜索怎么打开vue项目？——>打开页
weixin_30735391·2020-09-14 11:14

vue学习——v-on实例

v-on绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生DOM事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。在监听原生DOM事件时，方法以事件为唯一的参数。如果使用内联语句，语句可以访问一个$event属性：v-on:click="handle('ok',$event)"。从2.4.0开始，v-
人生莫如饥荒·2020-09-14 11:10

ES6的新特性----Vue学习必备基础知识

学习Vue之前，ES6的基础常识是必须要了解的，下面列举了几种最重要的特性，学会了这些，Vue的学习就易如反掌了。变量声明关键字扩展运算符对象数组结构赋值对象属性和方法简写模板字符串数组SetMap模块import和exportdefault箭头函数promise对象类Class1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。var声明的变量存在变量提升问题，也就是va
weixin_41697323·2020-09-14 08:56

electron-vue学习笔记(1):工具栏和标题栏的设置

使用electron-vue是为了桌面应用程序，本来首选是微软的.net，但是收费你懂得，个人研究研究eletron-vue。如有错误，请别骂我~本人建立工程是根据：https://simulatedgreg.gitbooks.io/electron-vue/cn/getting_started.html提供的方法建立，建立的末尾出现关于README的警告，应该没有关系。选择的yarn来下载依赖。
ZXWBBILY·2020-09-14 04:16

Vue2.js学习笔记-06(v-for指令迭代数组、对象数组、对象、数字)

二、v-for指令学习学习代码如下：Vue学习{{elem}}元素为：{{elem}}+索引为：{{i}}名字为：{{user.name}}+年龄为：{{user.age}}{{k}}:{{v}}+索引为
笑笑是一个码农·2020-09-13 23:26

vue学习：在main.js中全局导入基础组件

在项目中，可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。所以会导致很多组件里都会有一个包含基础组件的长列表：但是只用于模板的一小部分。importBaseButtonfrom'./BaseButton.vue'importBaseIconfrom'./BaseIcon.vue'importBaseInputfro
sayok_why·2020-09-13 22:18

Vue学习记录-v-show,v-for遍历数组，对象，绑定key

{{message}}{{message}}constapp=newVue({el:'#app',data:{message:'hello',isShow:false}}){{n}}{{index+1}}.{{n}}constapp=newVue({el:'#app',data:{message:'hello',names:['t','r','e']}}){{n}}{{key}}--{{value
orangecloudy·2020-09-13 22:11

vue学习随笔之vue-devtools安装填坑

vue-devtools安装填坑这玩意貌似挺不好安装的而且走了很多的弯路当然使用谷歌商店另说大佬也可以直接略过此文安装GIT安装Node.JS本来不屑谷歌商店的..但是感觉真香.浪费了两个小时找手动档直接拖拓展的瞧这链接:https://pan.baidu.com/s/139hspAnspD7bJbo81xigmg密码:1hsv链接如果失效那你就试试下面的手动档1.gitclonehttps://
时秋·2020-09-13 19:14

Vue学习笔记01——Vue基础知识介绍与Vue语法

Vue学习笔记基本介绍对象属性配置表Vue生命周期生命周期图Vue语法插值绑定1只要使用双大括号（Mustache语法）将要绑定的变量、值、表达式括住就可以实现，Vue将会获取计算后的值，并以文本的形式将其展示出来
丶萌萌哒的小太阳·2020-09-13 08:45

Vue学习之路（七）---transition过渡动画

vue中过度动画v-if和v-show都可以使用，首先要明白四个状态，v-enter(刚开始进入)，v-enter-active(进入过程中到进入完毕),v-leave-enter(刚开始离开),v-leave-enter-active(离开过程中到离开)，示例图如下好的，弄清楚了这四种状态，然后我们就可以简单的开始transition过渡的实操了,在v-enter-active以及v-leave
Tommy·Yang·2020-09-13 08:38

vue学习笔记

vue一个vue文件通常由三部分构成，其最终输出结果等同于html。【template】：html的模板，真正的DOM结构，不同点是支持vue指令，由script和stype来调整，也可以是纯粹的html。【script】：js脚本，用于修改template的数据。【style】：css样式，用于修改template的样式。【components】：依赖组件。一个vue可以称作为一个组件，更准确的
清风半夜鸣蝉·2020-09-13 07:54

VUE学习07--VUE使用localStorage和mounted实现toDoList（待办事项新增，切换，删除）

上一篇文章我们讲了如何实现一个简单的toDoList，可以新增，删除，修改状态的待办事项。但是它还不够完善，比如我们输入了几个项目进去，如果页面刷新或者重新进入，刚才添加或者删除的项目就没有了，为了能够实现永久保存，我们可以利用Html5的一个缓存机制localStorage加上vue的mounted来实现。一、localStorage用法：1.存储/更新数据localStorage.setIte
stalin_·2020-09-13 06:40

VUE学习09--VUE生命周期函数/钩子的介绍和使用

VUE中的生命周期函数/生命周期钩子指的是在组件挂载，组件更新，组件销毁的时候触发的一系列的方法。常见的钩子函数如下：beforeCreate实例创建前执行created实例创建后执行beforeMount模板编译前执行mounted模板编译后执行（请求数据，操作dom,放在这个里面mounted）beforeUpdate数据更新前执行updated数据更新后执行beforeDestroy实例销毁
stalin_·2020-09-13 06:40

VUE学习10--VUE如何请求数据（一）--Vue-Resource的使用（包含前后端使用demo）

VUE请求数据的常用方式有三种：vue-resourceaxiosfetch-jsonp今天我们先来说一下vue-resource一、优势及特点：1.体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2.支持主流的浏览器和Vue.js一样，vue-resource除了不支持IE9以下的浏览器，其他主流的
stalin_·2020-09-13 06:40

VUE学习08--VUE使用组件来复用页面内容

组件化是VUE的一大特性，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。简单来说，有了组件化设计，我们可以实现部分页面的复用，比如我们定义一个header.vue，然后多个页面中都可以引用这个header.vue，这样使代码量更少，更简洁。当然对程序员自身的设计能力也有了更高的要求。下面来说说组件应该如何定义和使用。1.首先我们需要把组
stalin_·2020-09-13 06:40

前端 vue学习（一）

前端学习1.Vue.nextTick1.1遇到问题1.2处理方案1.3分析如下：2.计算异常3.elementinput背景图、字体颜色修改1.Vue.nextTick1.1遇到问题问题1（接口调用异步）：页面展示需要调用两个接口，其中接口A的查询参数需要依赖接口B查询结果，故写成先调用B接口，然后调用A接口，发现有时候A请求正常，有时候异常。问题2（页面渲染异步）：document.getEle
长安依旧·2020-09-13 04:31

vue学习踩坑1:VSCode无法执行live-server

在学习vue的时候发现live-server命令无法使用，具体报错如下解决办法：1.以管理员身份运行VSCode2.使用get-ExecutionPolicy查看PowerShell的执行策略，发现为Restricted(单词Restricted的意思是“受限制的”，所以这种执行策略主要是限制脚本的执行。说简单点就是：可以执行单个的命令，但是不能执行脚本)3.使用set-ExecutionPoli
自学Java真蛋疼·2020-09-13 01:46

vue学习笔记---搭建vue环境

vue和Angular,React都是前端框架单页面框架基于模块化组件化的开发模式vue是国人大牛开发的,具有简单灵活高效的特点.搭建vue开发环境必须拥有node.js安装vue的脚手架工具,也就是vue的命令行工具(新版本的脚手架和旧版本的脚手架创建项目方式会不一样)老版本:npminstall--globalvue-cli/cnpminstall--globalvue-cli（此命令只需要执
{[("青椒盖饭")]}·2020-09-12 23:30

Vue学习笔记01-搭建node.js环境

1.首先官网：https://nodejs.org/en/download/下载好对应系统和版本的node.js，不更换安装路径的话基本点击下一步即可。下载安装好node.js后点击finish。2.打开cmd窗口:输入node-v显示node.js的版本号说明node.js安装成功。输入npm-v显示npm版本号说明自带的npm也安装成功。此处说明下：Node.js已自带npm，安装Node.j
weiweiQAQ·2020-09-12 21:12

Vue学习笔记（7）

1、总结复习Document//webpack//是什么？前端最流行的打包工具，更准确的来说它是一个模块化打包工具//ES6（import）//nodejs中的CommonJS规范（require()/module.exports）//require.js（require()/define()）////在webpack看来所有的资源(CSS/图片/字体等)都是模块//作为打包工具，它提供了什么功能
魔法 • 革·2020-09-12 21:49

Vue学习篇(十)—组件化高级-插槽

VueDay10——组件化开发—插槽编译作用域认识slotslot基本使用具名插槽slot作用域插槽10.1.编译作用域在真正学习插槽之前，我们需要先理解一个概念：编译作用域。官方对于编译的作用域解析比较简单，我们自己来通过一个例子来理解这个概念：我们来考虑下面的代码是否最终是可以渲染出来的：中，我们使用了isShow属性。isShow属性包含在组件中，也包含在Vue实例中。我是组件哈哈hahah
云澈丿·2020-09-12 17:26
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他