Vue基础

Vue基础学习笔记(一)

1.什么是Vue?Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。示例：每个Vue应用都需要通过实例化Vue来实现。语法格式如下:varvm=newVue({//选项})指令本质就是自定义属性Vue中指定都是以v-开头v-cloak防止页面加载时出
Yearingforthefuture·2020-06-30 23:43

vue基础语法以及父子组件如何相互传值

vue模板引擎语法，关注数据层面Mustache语法:{{msg}}主要是用date控制html赋值：v-html=""绑定属性：v-bind:id=""使用表达式：{OK?“yes”:“NO”}文本赋值：v-text=""指令：v-if=""过滤器：{{message|capitalize}}和v-bind:id=“rawId|formatId”class和style绑定对象语法：v-bind：
广州-文宗·2020-06-30 13:12

Vue技术栈开发实战百度网盘下载

已经受到广大开发者的青睐，因为Vue的简单易用，使得更多后端开发者，或者非开发人员都能上手一二本课程通过对100多位开发者调查反馈，用心整理了课程大纲，确保每一节课都会在清晰讲解主要主干知识的同时，穿插Vue
zfbanddl·2020-06-30 13:37

vue+node+mongose 全栈打造商城系统

课程目录|--第01章课程介绍|01-01课程-导学.mp4|01-02前端框架回顾.mp4|01-03vue概况以及核心思想.mp4|01-04vue框架优缺点对比.mp4||--第02章Vue基础|
zfbanddl·2020-06-30 13:05

Vue实战项目开发--vue基础精讲

项目的源代码在GitHub上：点击查看Vue实例vue的每一个组件都是一个实例，该实例对应着很多属性和方法。Vue实例{{message}}varvm=newVue({el:'#root',data:{message:'helloworld'},methods:{handleClick:function(){alert("hello")}}})Vue实例的生命周期钩子生命周期函数就是vue实例在某
任性的我·2020-06-29 19:11

Vue基本知识点学习

Vue基础知识点学习day011.基本认识:Vue是一个构建数据驱动的web界面的渐进式框架,所谓’‘渐进式’‘其实就是你掌握了Vue的多少用法就使用多少,不像一些框架必须掌握所有才能进行运用。
傑··2020-06-29 19:21

vue基础学习笔记（五）

文章目录0.vue相关知识点总结1.准备开始1.1学员反馈1.2复习1.3今日重点2.相关知识总结2.1独立构建vs运行时构建2.2计算属性2.3嵌套路由2.4编程式导航2.5vue-resource(了解)2.6axios2.7mint-ui2.8mui2.9i18n2.10单文件方式引入bootstrap2.11使用webpack代理跨域2.12视口3.相关环境总结3.1npm命令3.2yar
winter wang·2020-06-29 19:59

vue基础学习笔记（四）

文章目录0.vue学习笔记之项目相关1.准备开始1.1学员反馈1.2错误解决补充2.今日重点2.1项目相关2.2同异步文件上传2.3给父元素设置高度后就能实现上拉2.4组件间的通信，加入购车和数据累加3.vue过渡动画4.商品数量的CRUD和本地存储localStorage5.商品评论功能6.导航钩子实现不同from的title6.1路由导航钩子7.购物车新增数据7.1计算购物车价格计算属性7.2
winter wang·2020-06-29 19:59

vue基础学习笔记（三）

文章目录0.vue学习笔记之axios补充，计算属性，项目之主页和新闻1.准备开始2.复习3.今日重点4.axio深入5.拦截器5.1拦截器操作token(扩展)5.2拦截器操作loadding6.监视watch/computed7.项目相关7.1项目总体结构7.2注意事项0.vue学习笔记之axios补充，计算属性，项目之主页和新闻1.准备开始2.复习路由操作的基本步骤//引入对象importV
winter wang·2020-06-29 19:59

vue基础学习笔记（二）

文章目录0.vue组件、路由和axios1.基本介绍2.准备开始2.1学员反馈2.2复习2.3今日重点3.过滤器4.获取DOM元素5.mint-ui6.wappalyzer7.vue-router7.1命名路由7.2参数router-link7.3编程导航7.4原生实现编程导航7.5复习7.6重定向和4047.7多视图7.8嵌套路由8.vue-resource(了解)发起http请求9.axios
winter wang·2020-06-29 19:29

Vue基础06v-model数据源绑定

v-model指令就是把数据绑定在特定的表单元素上，可以很容易实现双向数据绑定v-model数据源绑定实例v-model数据源绑定实例原始文本:{{message}}文本框v-modelv-model.lazyv-model.number-->文本域多选框绑定一个值{{isTrueTwo}}多选框绑定一个数组jspangpandepangpang{{web_names}}单选框绑定一个值男女你选择
Jason–json·2020-06-29 17:32

2019年底史上最全Vue框架整理从基础到实战(一)

vue基础历史介绍angular09年，年份较早，一开始大家是拒绝star:react2013年,用户体验好，直接拉到一堆粉丝star:vue2014年,用户体验好作者:尤雨溪江苏无锡人国人骄傲前端框架与库的区别
练识·2020-06-29 17:07

VUE购物车小案例—vue指令的综合应用

需求：运用Vue基础指令知识实现小小购物车：涉及到的指令有：v-for、v-model、v-on、v-text1.能够显示商品名，价格，以及当前商品在购物车的数量2.点击加+减-可以更改购物车中产品数量
晚安、乔扬·2020-06-29 16:39

vue基础-第三章

组件组件(Component)是Vue.js最强大的功能之一组件可以扩展HTML元素，封装可重用的代码组件注册全局注册Vue.component(‘组件名称’,{})第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用//注册组件//1、my-component就是组件中自定义的标签名Vue.component('my-component',{templa
码德浮乐·2020-06-29 16:52

Vue基础之模板语法

Vue是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld渲染到页面上{{msg}}{{1+2}}{{msg+"------------"+123}}varvm=newVue({el:"#app",data:{msg:"HelloVue"}})指令本质就是自定义属
程序猿玖月柒·2020-06-29 15:00

Vue基础之常用特性

Vue常用特性表单基本操作1.获取单选框中的值通过v-model2.获取复选框中的值通过v-model和获取单选框中的值一样复选框checkbox这种的组合时data中的hobby我们要定义成数组否则无法实现多选3.获取下拉框和文本框中的值通过v-model姓名：性别：男女爱好：篮球唱歌写代码职业：请选择职业...教师软件工程师律师个人简介：/*表单基本操作*/varvm=newVue({el:'
程序猿玖月柒·2020-06-29 15:29

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
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他