------vue学习第27页

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的应用

大数据时代·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

用vue全家桶+koa2+soket.io +mysql写一个聊天应用

对node（koa）和vue学习会挺有帮助，现在开源出来，接下去将继续不断完善?欢迎star更新：electron-vue-chat：vue-chat的Electron桌面版本项目地址正在写re

weixin_33736832·2020-08-24 17:46

vue学习笔记_引入第三方饿了吗组件(ElementUI)

ElementUI组件官网：http://element-cn.eleme.io/#/zh-CN/component/installation原创地址：https://blog.csdn.net/zhouzhiwengang/article/details/74625407第一步：新建Vue项目（详细创建步骤请参考：https://blog.csdn.net/tangcv/article/deta

一念&成魔·2020-08-24 16:57

Vue学习之npm常用命令及参数小结（十四）

NPM几个常用命令和参数的意思：npm install packagename安装模块如不指定版本号默认会安装最新的版本npm install packagename 0.0.1安装指定版本的模块npm init这个命令会在当前目录生成一个package.json文件，这个文件中会记录一些关于项目的信息，比如：项目的作者，git地址，入口文件、命令设置、项目名称和版本号等等，一般情况下这个文件是必

dbkfmlw338546·2020-08-24 14:52

AntDesign vue学习笔记（六）Table 显示图片

AntDeign官网上没有table动态绑定显示图片的示例，baidu上搜索出来的大部分都是React语法，无法使用。经过摸索，实现方法如下：以显示一个图片，一个按钮为例(picurl是返回的json数据，内容为图片地址)。1、设置column，scopedslotsconstcolumns=[{title:'图片',width:120,dataIndex:'picurl',fixed:'left

weixin_30572613·2020-08-24 10:30

VUE学习笔记var _this = this 的作用

var_this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的普通函数中的this表示调用此函数时的对象，箭头函数里面的this会继承自外部的this，普通函数中的this并不会向上继续找对象，箭头函数中会往上

zaochenli·2020-08-24 09:32

vue 学习教程

vue学习教程目录vue学习教程使用NPM安装vue什么是NPMnpm安装centos7下yum安装nodejs使用npm淘宝镜像vue命令行工具使用vue命令行工具创建项目错误处理启动vue项目开启远程访问前端访问

飘雪冰峰·2020-08-24 06:46

Vue新手向：14篇教程带你从零撸一个Todo应用

书写此教程的动机Vue作者尤雨溪在新手向：Vue2.0的建议学习顺序中给出了中肯的Vue学习建议，本系列教程和项目可以看做是这个建议的实践可操作版本。

weixin_33743661·2020-08-24 06:25

node-sass安装失败解决办法

在学习webpack的时候打包sass要安装node-sass，然后一直出错，网上找了很多解决办法都没用错误：PSD:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\

Var_al·2020-08-23 23:55

Vue学习28----Vuex 的使用getters，actions

接着：https://blog.csdn.net/zhaihaohao1/article/details/89234464在27的基础上讲的：vuex官网：https://vuex.vuejs.org/zh/guide/getters改变state里面的count数据的时候会触发getters里面的方法获取新的值(基本用不到)调用：this.$store.getters.computedCount

zhaihaohao1·2020-08-23 22:30

Vue学习19----路由结合请求数据，实现新闻列表，新闻详情

效果图：项目结构：注意点：1.在index中：配置适应手机2.assets下面写的通用的cssbasic.scss在main.js中引入import‘./assets/css/basic.scss’;3.使用路由vue-router4.请求数据vue-resource介绍：basic.scss全局通用的css,在main.js中引入index.html是配置html的main.js是配置文件App

zhaihaohao1·2020-08-23 22:29

Vue学习之组件（二）

components组件props属性设置1、简单使用newVue({el:'.app',data:{},components:{'cat':{template:`我家有个小猫，它的名字叫{{name}}`,props:['name']}}})注意，如果components属性，为驼峰式caiName,为它传值的时候要写成cat-name，如下：newVue({el:'.app',data:{},

hkingby·2020-08-23 20:32

vue学习011:按钮级权限控制

最近做的一个后台系统,要求权限控制到按钮级别,也就是说对于不同的用户,可操作的按钮是不一样的,换言之,有些按钮对某些客户是不可见的.例如:用户A能看到"新增"按钮,而用户B看不到,假设"新增"按钮"的权限是"sys:add",这里提供两种解决办法:1.定义一个全局方法,配合v-if实现;2.使用自定义指令;(以下详述)1.定义一个全局方法,配合v-if实现;在用户登录成功后,获取用户的按钮权限(数

weifubin·2020-08-23 20:14

入门 vue 学习笔记

Vue学习笔记学习资料来源：网易云Vue视频：ES6语法Vue语法Vue组件使用Vue组件间通讯VuerouterVueresource目录用[TOC]来生成目录：Vue学习笔记目录ES6语法Vue语法

Hover_Z_快跑·2020-08-23 19:15

vue学习（一） vue指令和过滤器

vue官网：vue官网手册：vue手册Whatisvue？一个mvvm框架(库)、和angular类似比较容易上手、小巧ComparewithAngular-vue：简单、易学一片html代码配合上json，在new出来vue实例适用于移动端项目,小巧-Angular：上手难所有属性和方法都挂到$scope身上适用于PC端的项目vue基本雏形引入vue包，在js代码中通过new实例化，在new中，

sJohnny·2020-08-23 19:04

vue学习笔记(一)入门

前言随着前端不断的壮大，许多公司对于前端开发者的需求也越来越多了，作为一名优秀的前端工程师，如果连vue和react都不会的话，那真是out了，为什么那么说呢？这是我在招聘网站上截的一张图，十家公司有九家都是需要对vue或者react熟悉，当然仅仅熟悉肯定是不够的，毕竟掌握住了才能保住自己的铁饭碗，否则的话可能会被炒鱿鱼，精通vue或者react话就可能就需要很长时间了，反正我是不敢说精通，只能说

二郎神杨戬·2020-08-23 18:40

vue学习笔记(六)表单输入绑定

前言在上一章vue学习笔记(四)事件处理器这一篇博客的内容中，我们已经了解vue是如何绑定事件的，而本篇博客主要讲解的是vue中表单输入的绑定，通常我们自己提交信息的时候都是通过表单将信息到服务器的，例如登陆

二郎神杨戬·2020-08-23 18:40

扩展点加载机制 - ExtensionLoader

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

chenshiying007·2020-08-23 18:44

Vue学习笔记-day1

1.导入vue.js，具体代码和教程在https://learning.dcloud.io/，可以直接在HBuilder中导入代码，非常方便，适合学习。2.如下图，先导入vue.js,再创建了一个Vue实例，实例中有两个，一个是el，用于定位元素，如果是类选择器，那用".类选择器名称";如果是id选择器，那就用“#id选择器”。另外一个是data，用于保存数据和变量，一般是变量名:值，即key:v

卑微的老王·2020-08-23 17:40

Vue学习之路(2)-数据定义选项

引言测试基于vue初始化的脚手架,不加router等其他的,使用index.html,编辑的入口main.js,结合控制台和页面观察输出结果,学习选项的使用data选项:Vue实例的数据对象(对象的成员变量)类型：Object|Functionvarvm=newVue({data:function(){return{'a':'a','b':'b'}}})//实例创建之后，可以通过vm.$data访

新手司机开飞机·2020-08-23 15:46

Vue学习—Vue写一个图片轮播组件

1、先看效果：熟悉的图片轮播，只要是个网站，百分之90以上会有个图片轮播。我认为使用图片轮播。第一可以给人以一种美观的感受，而不会显得网站那么呆板，第二可以增加显示内容，同样的区域可以显示更多内容。2、每学一个新东西，图片轮播都是很好的练手案例，而且，也很实用。3、基本要求：页面加载，自动播放。鼠标悬停，停止播放。鼠标离开，继续播放点击左右箭头切换上一张，下一张图片。下方小圆点显示当前位第几张图片

輕描淡寫以後的以後·2020-08-23 15:39

Vue学习（博客系统登录后端实现）

上一篇通过vue+elementui实现了前端的登录页面和请求，但是后端是没有实现的，所以登录会提示登录失败今天来实现一个简单的后端数据库验证登录，后期有时间会使用springsecurity加上安全验证token，以及密码加密后端大致使用的技术，通过maven构建项目，使用mysql数据库，mybatis持久化框架，springboot通过maven创建一个空的项目，导入webstarter包以

dw147258dw·2020-08-23 10:40

vue学习笔记1：v-for渲染的“就地复用”策略

今天开始学习前端最流行的框架之一：vue.js，之前大概看过一些AngularJS的文章，但没有仔细学习过一个框架，所以这应该是我学习的第一个前端框架。好记性不如烂笔头，在此写一些学习笔记，以记录学习过程。对我来说，学习一个东西的方式是在使用过程中慢慢了解熟悉它，在看了vue官方文档的安装和起步两个章节后，我打算先写一个小demo熟悉一下学习到的简单语法，就是一个todolist.这个todoli

April_Le·2020-08-23 09:57

vue学习----2.vue绑定事件&vue组件

事件绑定点我!methods:{hello:function(){alert(this.message);}}双向绑定输入:我知道你在输入什么:{{message}}男女性别:{{gender}}-----请选择-----北京上海广州城市:{{city}}letmyvue01=newVue({el:"#app",data:{message:"",flag:true,score:95,persons

一介丿小白·2020-08-23 08:22

2018-01-28 Vue.js 教程几个教程的位置

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。阅读本教程前，您

aoaocool·2020-08-23 08:40

Vue学习记录 (模板,差值表达式,v-text,v-html,v-bind,v-model,v-if,v-show,v-for,v-on,this关键字,按键修饰符)

模板示范newVue({el:"#d1",//作用的区域data:{//参数},methods:{//函数},computed:{//计算数据函数},create:{//页面开始加载时运行}})插值表达式:{{}}在Vue的作用范围中使用data支持js代码的运算支持函数的调用v-text:直接进行输出,会覆盖原有内容v-html:会把数据解析成html代码执行v-bind:对属性进行绑定简写:属

Pole丶逐·2020-08-23 03:06

Vue学习笔记三：使用vuex与localstorage管理登录权限

使用vuex与localstorage管理登录权限此次采用vuex+localstorage配合使用来管理用户的登录状态，只使用vuex的话在用户进行刷新时将会自动删除，所以配合localstorage，这样可以让SPA应用中既可以同步用到数据，又不受刷新影响，实现步骤如下：下载并安装vuex（具体可参见笔记一）npminstallvuex-S在公用base.js中，设置localstorage方

dong-v·2020-08-23 03:59

vue学习(绑定class、v-bind:style(对象语法、数组语法))

文章目录vue属性绑定css1class绑定1.1字符串绑定1.2对象绑定和数组绑定2style绑定vue属性绑定css.class0{color:red;font-size:10px;}.class00{color:blue;font-size:70px;}.class2{color:yellow;font-size:30px;}.class3{color:indianred;}.class4{

你笑的像一条狗·2020-08-23 03:08

V-bind详细使用

注意：v-bind:class指令可以与普通的class特性共存HTML代码：学习Vue学习Node学习ReactCSS代码：.box{border:1pxdashed#f0f;}.textColor{

weixin_34205076·2020-08-23 03:21

推荐频道

------vue学习