Vue基础

vue从入门到放弃——（3）vue基础练习

Vue基础练习$event事件对象【扩展】事件对象语法：中，$event为事件对象作用：记录事件相关的信息注：函数传参必须写$eventDocumentnewVue({el:"#demodiv",data
Adam——·2020-06-29 15:01

Vue学习总结

Vue基础指令：插值表达式：语法：{{要插入的值}}，此时相当于占位符，到时候{{关键字}}会被替换成Model中的数据bug点：当网速较慢时，Vue初始化未完成时，插值表达式不能被解析，会直接显示出来
java—explore·2020-06-29 14:49

使用vue在npm上发布自己的ui组件包

npm官网1.安装vueinitwebpack-simplejed-nuijed-nui是我之前去npm搜过的包名，没有重复的，于是项目就使用该名称2.进入项目，编写组件这里有vue基础的应该都不难创建文件目录
前端007·2020-06-29 11:01

VUE基础构建整个项目的全流程！含git基础操作（本人超细心整理，适合VUE小白）

这个以前我刚学完前端基础知识后，第一次接触vue轻量框架做的笔记，小白跟着它耐心慢慢看看，再自己做个项目慢慢琢磨，会有不少收获。（这个把一个普通csshtmljs写的项目换成vue的格式的笔记）刚开始这样跟着做，可能会很僵硬，但是做多几次项目，你就会自然而然发现里面一些原理啦，就能自己写啦【个人也比较喜欢用axios进行数据获取，还有可以很方便得用共同模块，循环dom什么的，都很方便】——————
Miss_llll·2020-06-29 07:50

vue基础总结 钩子函数,组件,路由,过滤器,动画

vue的官网:https://cn.vuejs.org/1.基本指令{{msg}}插值表达式v-cloak解决插值表达式的闪烁问题v-text渲染文本v-html渲染html标签v-bind属性绑定简化:v-on事件绑定简化:@v-model双向数据绑定一般用于表单v-for遍历数组或者对象key用于属性绑定的唯一属性v-if元素的显示与隐藏,每次都会移除元素后新创建v-show元素的显示与隐藏,
Colese·2020-06-29 07:15

Vue介绍及应用

目录简介Vue基础语法指令计算属性、侦听器与过滤器组件组件通信生命周期vue-routervuex构建应用简介Vue是一个构建用户界面的UI框架。
平台开发组·2020-06-29 06:15

【Vue全家桶+SSR+Koa2全栈开发】（一）Vue基础

Vue基础全局安装vue/cli脚手架管理员身份运行c
一百个Chocolate·2020-06-29 05:06

vue基础（2）：深入理解 Vue 组件、Vue中的动画特效

文章目录一、深入理解Vue组件1.1使用组件容易遇到的坑1.1.1使用`is='组件名'`解决html表签嵌套规范造成的bug解决方案1.1.2非根组件（子组件）中`data`必须是函数，返回一个对象。1.1.3使用引用`ref="引用名"`获取dom元素和组件引用1.1.4子组件的单个根元素1.2父子组件间的数据传递1.2.1父组件传值给子组件1.2.2子组件传值给父组件1.3组件参数校验与非p
poorpenguin·2020-06-28 21:33

vue基础（1）：深入理解vue（基础）

文章目录一、Vue起步1.MVVM模式是什么2.创建一个vue实例3.v-modelv-onv-for4.组件基础4.1局部组件4.2全局组件4.3父组件通过`props`和`v-bind`向子组件传递数据（父组件→子组件）4.4子组件通过事件`this.$emit()`向父级组件发送事件（数据）（子组件→父组件）二、深入理解vue（基础）1.Vue实例`Vue`实例上的属性和方法。2.Vue实例
poorpenguin·2020-06-28 21:33

Vue基础入门（二）axios简介

axios简介axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，它本身具有以下特征：从浏览器中创建XMLHttpRequest从node.js发出http请求支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止CSRF/XSRF引入方式npminstallaxios--save使用axios并没有install方法，所以是不能
同学汇俱乐部·2020-06-28 19:05

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
weixin_34183910·2020-06-28 12:59

# 【vue基础篇】一看就懂的vue环境变量配置

这是基于cli3.x版本的环境变量配置指南。没有过多复杂的介绍，只有极简的实用配置。旨在给需要的朋友提供帮助以及自己温故知新，真正一看就会懂，懂了就能用。配置环境变量的目的项目开发过程中，至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同，若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态
weixin_33840661·2020-06-28 06:21

Vue.js 2.0 快速上手精华梳理

Vue基础对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那一章。
weixin_33712881·2020-06-28 03:46

模仿element-ui封装vue组件库（一）

涉及知识点vue基础语法组件基本语法字键通讯（sync，provide，inject）插槽使用prop校验过渡与动画处理计算属性与监听属性v-model语法糖vue插件机制npm发布实例目的掌握组件封装的语法和技巧学会造轮子
耳鼻喉科魏主任·2020-06-27 15:59

MVVM框架-vue基础原理实现

/*定义一个类，用来创建Vue实例*/classVue{constructor(options={}){//给Vue实例添加属性this.$el=options.el;this.$data=options.data;this.$methods=options.methods;//如果指定el，对el进行解析if(this.$el){//compile负责编译解析模板内容//需要：数据和模板newC
Winny1203·2020-06-27 09:55

vue基础复习-课时05

目录样式绑定classstyle样式绑定Class的绑定对象语法--内联定义在模板里//数据data:{isActive:true,hasError:false}对象语法--写在数据属性里//数据data:{classObject:{active:true,'text-danger':false}}对象语法--写在计算属性里//数据data:{isActive:true,error:null},c
一点金光·2020-06-26 23:29

vue基础一

记录本文主要是为了总结，把多篇博文里我认为重要的点记录下来，以便查找。感兴趣的可以详细看原文。一、1、由于Vue使用getter/setter等ES5特性，所以兼容到IE92、每一个Vue实例(组件本质上就是一个Vue实例)需要有一个根元素3、不应该在模板表达式中试图访问用户定义的全局变量二、1、命名约定1.1组件命名，字母小写且包含一个中划线(-)1.2注册组件时，使用中划线、小驼峰、大驼峰这三
Love_vermouth·2020-06-26 21:50

vue-cli项目结构详解

Vue-cli是vue官方出品的快速构建单页应用的脚手架，如果你是初次尝试Vue，不建议使用，推荐你使用普通引入javascript文件的方式进行学习，如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习
十七度的夏天·2020-06-26 18:25

vue基础篇1

1.事件侦听Document点击/*业务：点击button按钮，弹出input的value经验：看到表单,想要得到它的value值，直接v-modelvue事件传参*/newVue({el:'#app',data:{val:''},methods:{fn(val){alert(val)}}})2.事件对象接受两个参数其中一个是事件对象d情况Document点击/*业务：如果我们的fn函数接收2个参
只是风景丨·2020-06-26 15:03

Vue基础语法(插值、指令、过滤器、 计算属性和监听属性)

Vue基础语法插值.html指令条件指令（ifelseifelse）{{msg}}90">A80">B70">C60">DEV-show呸！
简简单单搬运·2020-06-26 02:10

vue全家桶基础

vue基础文档cn.vuejs.orgcli.vuejs.orgrouter.vuejs.orgvuex.vuejs.org/zh/环境搭建vue-cli@[email protected]@vue
.01·2020-06-26 01:26

vue基础

Vue概述vue：渐进式javascript框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建易用：熟悉HTML、CSS、javascript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOMVue基本使用传统开发模式对比原生jsvarmsg='HelloWorld';vardiv=document.getElementByI
qq_42802170·2020-06-26 00:27

vue基础学习(四) - 路由

1.什么是路由：router-路由定义了地址和组件的一一对应关系（一个url地址，对应一个页面级别的组件）2.创建路由1.创建项目时创建路由在进行vue项目创建的时候进行创建路由搭建vue项目：node环境下利用vue-cli脚手架搭建项目(1)全局安装脚手架-npmi@vue/cli-g/yarnglobaladd@vue/cli（2)检查脚手架是否安装成功：vue-V（3)开始创建项目vuec
大佬养成记·2020-06-26 00:15

Vue：Vue基础知识之利用vue.directive自定义指令并实现绑定和解绑

Vue：Vue基础知识之利用vue.directive自定义指令并实现绑定和解绑目录利用vue.directive自定义指令并实现绑定和解绑vue.directive.html文件利用vue.directive
JasonNiuniu·2020-06-25 23:57

Vue：Vue基础知识之利用v-if、v-else语句控制页面文本内容的改变

Vue：Vue基础知识之利用v-if、v-else语句控制页面文本内容的改变目录1、v-if、v-else判断语句实例1、index.html文件2、v-if.html文件2、v-show调整css实例
JasonNiuniu·2020-06-25 23:26

Vue项目实战——仿每日优鲜（移动端网站）

项目描述一个基于优鲜食物的移动端购物网站（大部分功能模块已实现，适合有一定Vue基础的人学习，项目已经上传到我的GitHub，项目实施需要的资源已经放在素材文件夹下，包括接口文档、图片资源等）技术栈VueCLI
WJCHumble·2020-06-25 22:27

Nodejs Koa 爬坑之路(1)

必备知识node.js基础(菜鸟教程)nodejs框架-expressnodejs框架-koa(本文)vue基础(后期会封装基于vuerouter的路由)nodejs框架-koa1.中文文档地址：https
_Mr_He_·2020-06-25 19:18

一个小白的vue之路（一）——关于vue的简单了解

时至今日已经有一周多了，一些vue基础的东西都接触过了。现在我把我在学习过程中遇到的难点不懂的记录下来，希望对一些和我一样的初学者有所帮助，同时欢迎大家评论指导。接下来，我们话不多说进入正题！
复杂动物·2020-06-25 15:04

Vue整合Rtmp流实现无Flash播放[flv+websocket篇]

的第三方流媒体库Node-Media-Server搭建流媒体服务器②使用vue+flvjs+websocket实现页面无flash播放视频流预备知识：node（用于搭建流媒体服务器）obs/ffmpeg（用于推流）vue
Dongzfdb·2020-06-25 12:14

事件处理与响应式数据监听

事件处理与响应式数据监听Vue基础-事件处理与响应式数据监听1、模板与渲染1-1、el选项1-2、render选项1-3、虚拟DOM1-3-1、原生DOM对象1-3-2、VirtualDOM1-4、render
觅_·2020-06-25 10:33

前端学习之VUE基础五(Vuex):Vuex概述、Vuex的基本使用、Vuex的核心概念

文章目录一、Vuex概述:1.组件之间共享数据的方式：2.Vuex是什么:3.什么样的数据适合存储到vuex中:二、Vuex的基本使用:1.安装vuex依赖包:2.导入vuex包:3.创建store对象:4.将store对象挂载到vue实例中:三、Vuex的核心概念：1.vuex中的主要核心概念如下:2.State:2.1定义State:2.2组件访问State中数据:3.Mutation:3.1
浅弋、璃鱼·2020-06-25 09:43

前端学习之VUE基础三:组件化开发想法、注册组件、组件间数据交互

文章目录Vue全家桶之组件化开发一、组件化开发想法：1.组件化思想体现：2.组件化规范:webcomponents二、注册组件:1.组件全局注册:2.组件使用:3.示例:4.局部组件注册:三、Vue调试工具:1.工具安装步骤:四、组件间数据交互:1.父组件向子组件传值:2.props属性值类型:3.子组件向父组件传值:4.兄弟组件之间的传递:4.1单独的事件中心管理组件间的通信:4.2监听事件与销
浅弋、璃鱼·2020-06-25 09:43

前端学习之VUE基础四:前后端交互模式、 异步、promise用法、fetch Api、axios API、async 和 await

文章目录一、前后端交互模式:1.接口调用方式:2.url地址格式:2.1传统形式的url:2.2restful形式的url:二、异步:二、promise用法:1.什么是promise:2.promise基本用法:3.基于Promise发送Ajax请求:4.promise基本API:4.1实例方法:4.1对象方法:三、fetchApi:1.fetch概述:1.1基本特性:1.2语法结构:2.fetc
浅弋、璃鱼·2020-06-25 09:43

前端学习之VUE基础五(Vue-Router)：路由的基本概念、vue-router的基本使用、vue-router嵌套路由、vue-router动态路由匹配、vue-router编程式导航

文章目录一、路由的基本概念：1.路由：2.后端路由:2.1后端路由的概念与本质:2.2SPA(singlepageapplication):3.前端路由:3.1概念与本质:二、vue-router的基本使用：1.vue-router介绍：2.vuerouter包含的功能有:3.基本使用:3.1步骤:3.2引入相关的库文件:3.3添加路由链接:3.4添加路由填充位:3.5定义路由组件:3.6配置路由
浅弋、璃鱼·2020-06-25 09:43

前端学习之VUE基础二:Vue常用特性(表单操作, 自定义指令,计算属性, 过滤器,侦听器,生命周期)

文章目录一、Vue常用特性：1.表单操作：1.1基于Vue的表单操作:1.2数据绑定:1.3表单域修饰符:2.自定义指令：2.1Vue.directive注册全局指令:2.2Vue.directive注册全局指令带参数:2.3自定义指令-局部指令:3.计算属性：3.1语法:2.3示例:3.3计算属性与方法的区别:4.过滤器：4.1什么是过滤器:4.2自定义过滤器:4.3过滤器的使用:4.4局部过滤
浅弋、璃鱼·2020-06-25 09:42

vue项目框架结构入门 及 vue基础

vue框架使用说明1.目前后台框架主要运用了Bootstrap，用Vue模板去渲染数据。2.运用webpack进行打包压缩加版本号，并实时监控页面变化,使用命令npmrundev启动如上图所示（除dist外，README.md是介绍，通过npminstall安装的node_module中有些配置需要修改）1）build和config文件主要是webpack打包和端口的信息配置2）dist是打包以后
冯冯墨墨·2020-06-25 06:06

Vue基础精讲 —— 规范代码三步走？关于eslint和editorconfig以及precommit的安装和使用

eslintESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。ESLint最初是由NicholasC.Zakas于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。1.安装eslint插件npmieslinteslint-config-standardeslint-plugin-standardeslint-plugi
Hayley2016·2020-06-25 06:01

[Vue一]：新建Vue项目、Vue项目文件作用及逻辑

[Vue一]：新建Vue项目、Vue项目文件作用及逻辑目录[Vue一]：新建Vue项目、Vue项目文件作用及逻辑1.Vue环境的搭建2.vue目录结构逻辑解析（重点）3.Vue基础知识传送门1.Vue环境的搭建要想在电脑上新建和运行
goodlovingz·2020-06-25 05:20

我说程序员要测试自己的代码，结果被怼！

教程:[有趣的ES6][Vue基础][Vue进阶]习题:[ES6测试题][Vue.js测试题]web前端教程用大白话，来讲编程昨天在朋友圈说了一句：关于程序员不测试自己代码就交付测试或者交付给下一个环节的同事
前端君·2020-06-25 02:06

vue基础-浅谈vue中$emit和$on的基本用法

1、简介：$on/$emit：实现了事件的定义和消费，通过事件的定义与消费分开进而实现解耦，也达到了组件之间通讯的效果。$on定义事件/并且指定时间的执行对象/函数，$emit事件的消费。2、示例$on的简单代码实例定义事件importbusfrom"./bus";importEmitfrom"./Emit.vue";exportdefault{name:"on",components:{'VEm
DevilXi·2020-06-24 16:40

Vue的入门基础小知识

**一.Vue基础**1.模板语法(1)插值a.文本{{}}b.纯HTMLv-html，防止XSS,CSRFc.表达式(2)指令：是带有v-前缀的特殊属性v-bindv-ifv-showv-on:clickv-for
Kenan Ma·2020-06-24 15:16

Vue基础第二天知识点以及知识点代码：Vue常用特性

1.Vue常用特性1.1常用特性概览表单操作自定义指令计算属性侦听器过滤器生命周期1.2表单操作1.基于Vue的表单操作Input单行文本textarea多行文本select下拉多选radio单选框checkbox多选框表单操作案例-提交个人信息formdiv{height:40px;line-height:40px;}formdiv:nth-child(4){height:auto;}formd
库库杰·2020-06-24 12:29

个人作业--软件工程实践总结&个人技术博客

不会因为没学过而破罐子破摔不足：掌握的技术不够熟练，了解的技术和知识结构还较少，大部分处于会用而不理解的程度对比学习路线图，在经过学习中的查看他人经验，复习了HTML，CSS，JavaScript,学习了Jquery，Vue
蔡启文·2020-06-24 09:00

vue基础复习-课时14

模板语法事件定义事件监听名字规范//触发时this.$emit('myEvent')自定义组件的v-modelVue.component('base-checkbox',{model:{prop:'checked',event:'change'},props:{checked:Boolean},template:``})Vue.component('base-radio',{model:{prop
一点金光·2020-06-24 08:12

vue基础复习-课时13

目录数据传递名字规范静态数据动态数据传入数字传布尔值传入数组传入对象单向数据数据验证特性替换特性合并特性继承模板语法数据传递名字规范//定义//短横线分隔命名Vue.component('blog-post',{props:['post-Title'],template:'{{postTitle}}'})//驼峰式命名Vue.component('blog-post',{//在JavaScript
一点金光·2020-06-24 03:46

vue基础复习-课时08

目录事件处理模板语法事件处理事件监听Add1Thebuttonabovehasbeenclicked{{counter}}times.varexample1=newVue({el:'#example-1',data:{counter:0}})类别于模板中于方法中写法v-on:click$on(click)用时事处理器于方法中varexample2=newVue({el:'#example-2',d
一点金光·2020-06-24 00:08

vue基础复习-课时11

目录组件基础概念注册实例使用渲染模板语法组件基础概念组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。注册全局注册//Vue.component(tagName,options)Vue.component('my-component',{template:'Acustomcomponent!'})局部注
一点金光·2020-06-23 21:51

Vue全家桶之Vue.js----Vue基础（持续更新中）

1.Vue基础语法1.1Vue概述1.1.1Vue是什么？用于构建用户界面的渐进式框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建vue的核心库只关注视图层1.1.2Vue有哪些优点？
清玄huo·2020-06-23 16:20

NodeJS | npm | cnpm 安装教程

操作系统基于64位win10vue基础环境搭建前提准备1.安装NodeJS:step1:进入node官网下载LTS版(官方长期支持版本)step2:下载后将双击下载的文件一路next到让你选择安装路径的地方
hss19214·2020-06-23 15:49

【猿说VUE】Vue过滤器使用介绍（劳动节致敬）

12VUE基础：过滤器Vue允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。
黑白猿·2020-06-23 09:23
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他