#vue学习

Vue学习笔记 (九) slot插槽-新旧版本用法(vue2.6.0前后)

slot翻译为插槽，插槽的目的是让我们原来的设备具备更多的扩展性。vue组件中使用插槽，也是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些内容到底展示什么。vue2.6.0之前用法单个插槽(默认/匿名插槽)在子组件中，使用特殊的元素就可以为子组件开启一个插槽，该插槽插入什么内容取决于父组件如何使用。具名插槽当子组件的功能复杂时，子组件的插槽可能并非是一个。比如我们封装一个导航栏
楠丶·2020-09-12 17:18

前端之：Vue学习记录（持续更新）

（1）子组件用props接收父组件传过来的参数，type:[Array,String]可以指定多种接收类型（2）子组件里用this.$attrs接收没有被props显式接收的“父组件传递给子组件”的属性（3）子组件用this.$listeners接收父组件传递给子组件的方法（4）用jsx渲染（template则无法被渲染），可以用this.$childrens得到render的return中渲染的
luxiaopengyou·2020-09-12 16:42

Vue学习-安装篇

Vue学习Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。
只是学习学习·2020-09-12 13:03

319、Vue学习笔记25 -【TypeScript 支持】 2020.04.20

0、目录1、发布为NPM包的官方声明文件2、推荐配置3、开发工具链3.1工程创建3.2编辑器支持4、基本用法5、基于类的Vue组件6、增强类型以配合插件使用7、标注返回值8、参考链接1、发布为NPM包的官方声明文件静态类型系统能帮助你有效防止许多潜在的运行时错误，而且随着你的应用日渐丰满会更加显著。这就是为什么Vue不仅仅为Vuecore提供了针对TypeScript的官方类型声明，还为VueRo
youyouwuxin1234·2020-09-12 09:53

Vue学习（计算属性computed）

Vue.js计算属性关键词：computed。我们可以使用computed来替代methods，效果上两个都是一样的，但是computed是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用methods，在重新渲染的时候，函数总会重新调用执行。可以说使用computed性能会更好，但是如果你不希望缓存，你可以使用methods属性。computed属性默认只有getter，不过在需要时
LSQ_2584951836·2020-09-12 05:07

vue学习

Vue学习笔记在父组件向子组件传递值的时候，有关于参数名字的问题这个为父组件，向其中的的一个user组件传值，主要传递的是user值-->importHeaderfrom".
幻夜~星辰·2020-09-12 04:59

Vue学习笔记(一)：从零开始创建一个Vue前端项目

一、开篇最近公司的老的项目重构，改成了前后端分离的架构，前端采用的是vue.js前端框架，所以接触到vue.js。Vue.js是当下很火的一个JavaScriptMVVM(Model-View-ViewModel)库，它是以数据驱动和组件化的思想构建的。相较于其他的前端框架，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用。Vue.js不同于以前的jQuery操作DOM
新一、·2020-09-12 03:04

Vue学习笔记(四) 条件渲染和列表渲染

1、条件渲染（1）v-ifv-if指令用于条件性（根据表达式的值）渲染内容，可以与v-else指令和v-else-if指令一同使用DemoABCElsenewVue({el:'#app',data:{type:'A'}})（2）v-if&v-showv-show指令同样可以根据表达式的真假渲染内容DemoAnewVue({el:'#app',data:{isSeen:true}})它们不同之处在于
半虹·2020-09-12 01:56

vue学习----activated 触发不了事件

methods:{handleScroll(){console.log(document.documentElement.scrollTop)}},activated(){window.addEventListener('scroll',this.handleScroll)}activated,deactivated这两个生命周期函数一定是要在使用了keep-alive组件后才会有的，否则则不存在
八月@谁·2020-09-12 01:10

VUE学习必备知识之数据通信

v-on点击事件.........v-bind缩写.........父=>子组件在父里面使用子组件Children：子组件里面：{{aaa}}--{{aa}}exportdefault{name:'Children',props:{aaa:String,aa:Number}}这样父组件里面的aaa/aa值变化子组件里面就自动接收跟着变变化这里指定了传入的类型子组件=>父父组件使用子组：并自定义方法
李 东兵·2020-09-12 01:08

Vue学习笔记3.8 列表渲染 v-for

基本的v-for使用方式：列表渲染{{item}}------{{index}}varvm=newVue({el:"#app",data:{list:['Dell','Nice','To','Meet','You']}})要注意的是不能通过下标直接为列表添加数据需要用特定函数进行修改：pop(),push(),shift()unshift()splice()sort()reverse()不过可以先
@凌晨三点半·2020-09-12 00:14

vue学习【引入外部js文件，出现异常：Uncaught SyntaxError: Unexpected token】

今天做一个VUE的项目，在引入JS文件时，遇到了一个问题：报错信息控制台的提示：UncaughtSyntaxError:Unexpectedtoken出错，是跟我开玩笑是吧！但根据以往的印象，这个好像是引入JS的问题，确认JS文件没出错后，再仔细看了看index.html文件。index.html原本我的JS文件是放在/src/utils文件夹下的，但引入/src和/static的文件是有区别的。
Rachel~Liu·2020-09-12 00:16

Vue学习笔记（条件渲染、列表渲染、Class与Style绑定）

条件渲染、列表渲染、Class与Style绑定.条件渲染：v-ifv-elsev-else-if，v-show列表渲染：v-forstyle和class的绑定：style可写成对象形式，然后通过属性绑定v-bind进行绑定；class绑定写成对象形式，键名是真是的class名称，值为布尔值或表达式，或者可以使用数组直接输出字符串，也可以用对象表达式+数组混合的方式
不忘初心砥砺前行·2020-09-12 00:32

vue学习笔记（二）- 数据绑定、列表渲染、条件判断

vue的数据绑定和列表渲染的造轮子GitHub:八至作者：狐狸家的鱼双向数据绑定Vue中数据的双向绑定-v-model数据->页面页面->数据适用：input、select、textarea{{checked}}{{message}}varmessage='sue';varvm=newVue({el:'#app',data:{message,checked:true}})这是一个简单的表单输入双向
diaoyanbian8143·2020-09-12 00:36

vue学习笔记

npm-换淘宝源Node的模块管理器npm会一起安装好。由于Node的官方模块仓库网速太慢，模块仓库需要切换到阿里的源。npmconfigsetregistryhttps://registry.npm.taobao.org/执行下面的命令，确认是否切换成功。npmconfiggetregistryVUE组件说明：1.全局组件：写在newVue外面的组件例：Vue.Component('标签名'),
bajun3444570·2020-09-12 00:27

vue学习笔记(五)条件渲染和列表渲染

前言在众多的编程语言中，我们的基础语法总是少不了一些专业语法，比如像定义变量，条件语句，for循环，数组，函数等等，vue.js这个优秀的前端框架中也有同样的语法，我们换一个名词，将条件语句改成专业词汇叫做条件渲染，循环语句改成专业词汇叫做列表渲染，这样比较舒服一点。本章目标学会条件渲染的使用学会可复用的key的使用学会列表渲染的使用条件渲染1.v-if的使用成绩为Aletvm=newVue({e
二郎神杨戬·2020-09-11 23:33

Vue学习笔记09- v-else-if的玩法

前言：我们使用v-if、v-else-if和v-else就可以像条件判断一样去玩这个标签。1.首先我们创建一个vue实例：这次我们使用随机数来玩这个条件语句。constapp=newVue({el:"#app",//根据名称操作div,作用域只在该divdata:{random:0},methods:{},});2.添加一个双向绑定按钮：触发点击事件时候，会执行@click等号后面的函数或语句，由
weiweiQAQ·2020-09-11 23:00

Vue学习笔记

1.ES6中字符串的新方法给字符串补足位数padStart（2，‘0’）padEnd（，’’）2.VUE的按键修饰符：监听固定按键监听固定按键.enter.tab.delete(捕获“删除”和“退格”键).esc.space.up.down.left.right也可使用键盘码自定义全局按键修饰符的方法Vue.config.keyCodes.f2=113;//@keyup.enter="add()"
lm_four·2020-09-11 15:48

Vue学习props传递数据

vue数据传递props。使用选项props来声明需要从父级接受的数据。props的值可以是两种，一种是字符串数组，一种是对象。props声明的数据与组件data函数return的数据主要区别就是props的来自父级，而data中式组件自己的数据，作用域是组件本身，这两种数据都可以在模板template及计算属性computed和方法methods中使用。如下，数据msg就是通过props父级传递
凡心所致·2020-09-11 12:42

Vue学习笔记

Vue学习笔记Vue学习笔记——vue生命周期Vue生命周期在页面首次加载执行顺序有如下：beforeCreate//在实例初始化之后、创建之前执行一般使用场景是在加loading事件的时候created
wwincir·2020-09-11 11:26

Vue学习（六）

Vue学习（六）命名视图实现经典布局标签代码结构：JS代码：varheader=Vue.component('header',{template:'header'});varsidebar=Vue.component
SanPhantom·2020-09-11 09:09

VUE学习笔记(三)-子路由、多路由、嵌套路由、动态路由都是什么鬼？

最近学习到VUE路由这块，发现这块知识点有点多，好容易混乱，我的学习习惯就是先要建立框架，然后再去挨个学习搞懂，所以先来把概念搞搞清楚再说。首先，我们要知道VUE路由创建的是单页面路由。子路由其实和单路由意思是一样的，单路由应该很好理解，因为我们都知道路由是可以一层一层嵌套的，你可以想象一下俄罗斯套娃，就是一个套一个的这种感觉，而里面那个都会一直被外面一个包含着。所以单路由的意思就是只有一层呗，放
心若向阳无谓悲伤·2020-09-11 09:56

vue学习-v-if和v-show

v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。v-showv-show的元素始终会被渲染并保留在DOM中。v-show只是简单地切换元素的CSSpropertydisplay。区别1、v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。2、v-if也是惰性的：如果在初始渲染时条件为假，则什么
sunxiaolinlinx·2020-09-11 03:35

Vue 史上最全学习笔记（2020年1月9日）

目录✎VUE学习◆VUE学习心路历程◆VUE学习视频来源➀VUE学习视频百度网盘资源➁VUE本笔记学习视频资源◆VUE语法❶Vue基础语法——模板语法（Threeruleoftemplate）❷Vue基础语法
winner_corl·2020-09-11 00:23

【Vue学习总结】8.Vue事件结合双向数据绑定实现todolist

接上篇《7.Vue定义方法、操作数据以及事件对象》上一篇我们主要讲解了Vue事件，以及如何定义、执行方法，如何获取和改变数据，执行方法传值以及事件对象的操作。本篇我们讲解通过Vue事件，结合双向数据绑定来实现todolist的效果。本系列博文使用的Vue版本：2.6.11一、要实现的ToDoList效果这一次我们要实现一个todolist的效果，这个todolist其实就是“正在进行”的任务的列表
光仔December·2020-09-10 18:59

【Vue学习总结】9.Vue结合localStorage和生命周期实现todolist

接上篇《8.Vue事件结合双向数据绑定实现todolist》上一篇我们主要讲解了通过Vue事件，结合双向数据绑定来实现todolist（待办事项列表）的效果。本篇我们讲解如何结合Vue的模块化以及封装Storage实现todolist（待办事项列表）。本系列博文使用的Vue版本：2.6.11上一篇我们实现了带有“进行中”和“已完成”效果的todolist（待办事项列表）：最后我们提出了一个问题，就
光仔December·2020-09-10 18:59

Vue学习日记28

1.Browserslist:caniuse-liteisoutdated.Pleaserunnextcommandnpmupdatecaniuse-litebrowserslist解析：cdnode_modulesrm-rfcaniuse-literm-rfbrowserslistcd../npminstallcaniuse-litebrowserslistnpmrunstart2.errori
1000sprites·2020-09-10 17:37

vue学习笔记：VUE组件通信（子传父）

引用：js：varvm=newVue({el:'#app',//挂载data:{},components:{'my-tab':{//父组件template:'#sueTab',data(){return{childn:0,//创建变量用来接收子组件传递过来的值chindtablist:[]//同上}},methods:{getdata:function(d){//获取子组件传递的值并给父组件dat
　岁岁.·2020-09-10 17:23

vue学习总结--引入reset.css与border.css

1.reset.css，初始化整体样式，去除某些标签的默认样式，比如的小黑点；因为每个人用的初始化样式都有所区别，但都大同小异，所以这里我只放我目前在用的代码，大家也可以自行搜索其他开发者发布的版本@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,
the coderwu·2020-09-10 17:34

VUE学习笔记（开发中遇到的问题，慢慢补全中。。。）

VUE学习笔记1.子组件调用父组件的方法1.父组件中的子组件写法2.子组件中调用的方法this.
飓廴之莨·2020-09-10 16:59

vue学习（五）el-upload 组件自动上传

demo直接提交类型：data带参数选择文档data(){return{fileList:[]}},methods:{handleError(res,file,fileList){//文件上传失败处理this.$notify.success({title:'失败',message:`文件上传失败`})this.$refs.upload.clearFiles()},handleSuccess(res
jack_bob·2020-09-10 14:13

Vue学习1创建项目

导读现在的各种各样的JS插件是真的难用.比如,在项目中使用个axios,想要去百度,却发现大部分都是在Vue中配合使用.而其他的插件能够像原来直接引入的方式使用的大都是JQuery类的插件了.于是乎,去学习一下以Vue为中心的各种前段端UI框架的使用吧ElementUIElementUI是基于Vue的框架.内部有大量的组件.能够促成快速开发.但想要掌握还是需要一定时间的.安装vue脚手架:npmi
路上^_^·2020-09-10 11:35

VUE学习随笔

文章目录1、基础和语法2、vue函数结构3、组件Vue组件封装过程组件创建的三种方法注册组件的两种方法组件通信插槽默认使用方法具名插槽插槽的默认内容作用域插槽4、ebpack核心功能，为什么用他?安装文件目录打包指令5、VueCLI安装目录结构详解6、vue-router路由发展URL的hashHTML5的history模式：pushStatevue-router使用vue-router的步骤:创
perwhy_wang·2020-09-07 10:54

Vue学习笔记之Webpack的plugin的应用

1、概念：插件，它是对webpack本身的扩展，是一个扩展器，让webpack变得更加好用。2、版权声明插件：BannerPlugin，但这个是webpack是自带的，所以可以不需要进行安装，在项目配置文件直接引用一下即可：constwebpack=require（‘webpack’）然后重新打包项目，在生成的js文件中增加一行版权申明：3、打包HTML的插件：我们的目录结构中，index.htm
大数据时代·2020-09-06 22:07

vue学习之webpack配置vue

首先，利用npm安装vuenpminstallvue--save注释：---npmi插件，会把插件安装到node_modules目录中，不会修改package.json,---npmi插件--save(-S)，项目发布上线之后还会依赖用到的插件，没有这些插件，项目不能运行---自动更改package.json写入dependencies节点---npmi插件-g是不会更改package中的内容但是
以后灬会緈福·2020-09-06 19:36

Vue学习与总结

VueKickoffVueHi,大家好，我是Leon。以下是我学习Vue的笔记，分享给大家，之后会持续更新。非常欢迎大家提出意见和纠正我的错误。一起进步，谢谢大家。GitHub地址：vue-start组件Template的基础使用代码笔记$refs的使用代码笔记props的使用代码笔记props的校验代码笔记template绑定原生事件代码笔记非父子组件的传值代码笔记组件插槽的使用（slot）代码
BnuzLeon·2020-08-26 16:18

Leon 带你学 vue（持续更新）

vue学习总结vue优势轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单
斯昂·2020-08-26 16:03

Leon 带你学 vue完结版

vue学习总结vue优势轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单
斯昂·2020-08-26 16:03

vue学习笔记（一）键盘触发事件

键盘触发事件在写页面时遇见了登录页需要加一个键盘回车事件，所有找到了所有的触发事件，在此记下。键盘别名名字别名回车.enter换行.tab删除/退格.delete空格.spaceesc.esc上移.up下移.down左移.left右移.right用法这是用了vue中的v-on，如下即但是若在组件框架中写需要加.native
weixin_44426772·2020-08-26 15:54

Vue学习笔记5 Vue-cli快速上手

文章目录前言一、Vue-cli是什么？二、使用步骤1.安装Vue-cli2.初始化Vue-cli三、Vue-cli项目目录结构解析1.浅析项目目录2.详细项目目录解析如下四、Vue-cli补充1.打包vue-cli项目2.main.js总结前言本文将介绍vue-cli的安装及目录结构以及一些基础配置Vue-cli(Vue脚手架)准备：本教程使用代码编写工具是VSCode具备一定的vue语法基础对n
会左勾拳的螳螂·2020-08-26 11:11

视频教程-vuecli实战商城后台管理系统-Vue

郑楚绵¥178.00立即订阅订阅后：请点击此处观看视频课程视频教程-vuecli实战商城后台管理系统-Vue学习有效期：永久观看学习时长：23
weixin_34449868·2020-08-25 17:41

视频教程-基于VUE和Hplus通用后台管理系统(前端篇)-Vue

张力¥66.00立即订阅订阅后：请点击此处观看视频课程视频教程-基于VUE和Hplus通用后台管理系统(前端篇)-Vue学习有效期：永久观看学习时长：1224分钟学习计划：21天难度：低「口碑讲师带队学习
weixin_33271942·2020-08-25 17:28

vue学习心得1-父子模块之间传递数据

vue父子模块之间传递数据的例子子模块代码:父模块代码如下:子模块代码:{{firstname}}{{lastname}}{{fullname()}}//firstname和lastname为介绍父模块传递数据的参数//通过使用this.$emit自定义事件chardststus返回数据'ok'exportdefault{name:"vchard",props:['firstname','last
YuTimothy·2020-08-25 16:47

vue学习笔记666

一，前后都加下划线的方法使用伪类&:before和&:after二，热门城市北京没有显示出来，由于子元素加了float，父元素应该加overflow:hidden属性三，展示城市列表，使用父子组件传值，兄弟组件传值四，better-scroll使用报错，scrollToElement()方法应该传入一个dom结构，而现在传入的是数组，所以报错解决方法：scrollToElement()传入数组的第
209cxyyxc·2020-08-24 23:38

vue学习之路===>全局组件定义的三种方式

全局组件定义的三种方式使用Vue.extend配合Vue.component方法：varlogin=Vue.extend({template:'登录'});Vue.component('login',login);直接使用Vue.component方法：Vue.component('register',{template:'注册'});将模板字符串，定义到script标签种：登录|注册同时，需要使
东子Yang·2020-08-24 20:40

Vue学习系列（十六）：Vue的组件

文章目录全局组件局部组件父子组件通信Vue学习系列：上一篇：Vue学习系列（十五）：Vue的表单全局组件我们可以使用Vue.component(tagName,options)语法注册一个全局组件，在该页面内
看地阔天高云深处·2020-08-24 19:33

Vue学习笔记

目标：了解Vue,了解常用的Vue的一些工具，用vuecli搭建一个测试用例，在浏览器上面运行起来。了解Vue百科定义Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。同类的技术AngularJS:诞生于2009年，由MiskoHev
gaoqisen·2020-08-24 19:20

Vue学习之路（二）---组件

1.Vue提供全局的api,Vue.Component,在写data数据的时候最好用函数返回数据，这样做是为了避免在使用多个这个组件时，数据变化而导致组件的数据都变了。Vue.component('my-header',{template:'',//渲染模板data:function(){return{a:1,b:2}}});2.Vue组件时具有层级的，便于开发比如说letmyHeader={te
Tommy·Yang·2020-08-24 19:54

Vue学习——2、深入了解组件

接上一节内容。2.10组件基础：https://cn.vuejs.org/v2/guide/components.html组件的意义是为了复用，因为组件是可复用的Vue实例，所以它们与newVue接收相同的选项，例如data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。2.10.1组件里的data必须是一个函数：因此使用的每个组件实例可以
Mr_XiMu·2020-08-24 19:50

Vue学习系列(二)——组件详解

前言在上一篇初识Vue核心中，我们已经熟悉了vue的两大核心，理解了Vue的构建方式，通过基本的指令控制DOM,实现提高应用开发效率和可维护性。而这一篇呢，将对Vue视图组件的核心概念进行详细说明。什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。为什么要用到组件呢？为了可重用性高，减少重复性开发，让我们可以使用独立可复用的小组件来构建大型应
qq836869520·2020-08-24 18:46
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他