Vue基础

项目初始化及文件配置-黑马头条PC

登录欢迎页面内容管理素材管理发布文章评论管理粉丝管理个人设置02-项目-准备工作vue基础vue-router路由vue-cli脚手架axios请求后台服务在外网api文档element-ui用户界面组件库但是有自己样式风格
viceen·2020-07-04 03:24

Vue基础学习之---通过 Prop 向子组件传递数据

一、Prop的大小写(camelCasevskebab-case)HTML中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时，camelCase(驼峰命名法)的prop名需要使用其等价的kebab-case(短横线分隔命名)命名：Vue.component('blog-post',{//在JavaScript中是camelCase的props:[
feifuzeng·2020-07-04 00:22

基于vue-cli3 + axios 构建多页面应用H5移动端电商网站（下）

如果有web前端html+css+js+vue基础的小伙伴，可以直接跳过上一篇，直接阅读此文。接下来要讲的，也是最主要的页面功能开发阶段。整个项目完成阶段分为：需求分析、
懒人码农·2020-07-02 16:12

VUE基础

VUE基础Vue基础数据绑定过滤器指令计算属性计算属性的getter、setter方法计算属性扩展计算属性缓存v-bind绑定class使用对象语法绑定class:使用数组语法绑定class绑定内联样式使用数组语法绑定多个样式内置指令
飞飞不 会飞·2020-07-02 15:55

Vue基础（一）---- 模板语法

⚫1、基本理解Vue其实是一个渐进式JavaScript框架，封装好了一些方法，不再需要操作通过操作DOM，在相同的目标下能够更快的编写代码。声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM⚫2、Vue基本使用el：元素的挂载位置（值可以是
一如既往。·2020-07-02 11:00

Java程序员入门Vue基础之Class 与 Style绑定（四）

1.前言在日常开发中经常有对Dom元素动态绑定一些class属性或者style样式，我们可以使用v-bind指令来实现效果，对于Vue指令感兴趣的同学不妨可以看一看我之前写的文章Java程序员入门Vue
codegeekgao·2020-07-02 05:20

Vue基础知识总结（绝对经典）

昨天晚上23:00，Vue，正式打响第一枪！转行三年半，向全栈迈进，争取三年内可以成为架构师，成为世界500强公司的中流砥柱，fighting从未停止，加油！一、简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue完全有
素小暖·2020-07-02 01:08

vue入门视频教程 vue基础到项目实战

本课程从理论到项目,涵盖Vue各个层面的基础知识和Vue开发项目实战。对于很多刚接触Vue的同学,最难做到的就是编程思路的切换,这门课程,我们将通过形象的例子给大家讲解Vue的基础语法及编程思路！自学前端软件工程师要多久?零基础自学前端到精通成为前端工程师起码需要6个月！Vue框架算是比较高级的框架，所以在使用过程中还需要JavaScript、JavaScript2015、WebPack、Node
fengliaoai·2020-07-01 23:48

vue学习笔记：一、vue基础语法

1、模板语法Mustache语法：{{msg}}Html赋值：v-html=“”绑定属性：v-bind:id=“”使用表达式：{{ok?'YES':'NO'}}文本赋值：v-text=“”指令：v-if=“”过滤器：{{message|capitalize}}和v-bind:id="rawId|formatId"2、Class和Style绑定对象语法：v-bind:class="{active:i
_夏兮·2020-07-01 23:50

Vue基础---vue-cli的使用

一、Vue-cli的简介与使用a.安装(前提是先安装好了node)a)node-v|npm-v否则先去官网下载nodeb)官网https://cn.vuejs.org/->学习->教程->安装c)全局安装(命令行npminstall--globalvue-cli)d)创建项目Vueinitwebpack项目名称//使用webpack模板创建标准的vue项目e)进入到todolist(刚才创建的项目
东陵十三·2020-07-01 22:38

快速入门Vue第一天：Vue基础 挂载点,数据对象...

文章目录一、写在最前二、Vue基础1、el挂载点2、data:数据对象一、写在最前目的：快速入门Vue，学习分为四个部分：Vue基础本地应用网络应用综合应用二、Vue基础我们查看官方文档：https:/
这里是青·2020-07-01 21:51

vue基础：事件绑定,通过事件获取数据

1.vue中对方法（事件）的绑定的两种方法：v-onclick:="()“和@click=”*()"需要注意的事在中调用的方法时，该方法需要在执行方法的第一种写法data(){return{msg:'你好vue',list:[]}},methods:{run1:function(){alert('这是一个方法');//alert(this.msg);//this.msg="change";},}同
谷咕咕·2020-07-01 15:58

SWAPI复制——菜鸟vue学习体会

swapi.co/网站你需要想办法获取该网站所有资源与数据你需要考虑部分资源的授权访问，以满足本作业的要求前端需求模仿swapi实现主页面、about页面、document页面布局调用后端API实现搜索等功能逻辑VUE
Yezo13·2020-07-01 15:39

vue基础复习-课时06

目录条件渲染模板语法条件渲染v-ifYesv-elseYesNov-else-ifABCNotA/B/C在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含元素。TitleParagraph1Paragraph2用key管理可复用的元素--每次切换时，输入
一点金光·2020-07-01 13:42

Vue基础教程（白痴教程）

MVVM模式下图不仅概括了MVVM模式（Model-View-ViewModel），还描述了在Vue.js中ViewModel是如何和View以及Model进行交互的。ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。当创建了ViewModel后，双向绑定是如何达成的呢？首先，我
Nym_车厘子·2020-07-01 06:40

Vue基础-框架介绍

在学VUe前先了解类库和框架区分框架和类库等1.类库类库提供的是真实项目中常用到的方法，它是一个工具包，基于这个工具包可以快速开发项目，列如：jQuery、Zepto、underscore...2.插件插件是把项目中某一个具体的功能进行封装，列如：TAB选项卡插件、BANNER轮播图插件、DIALOG模态框插件、DRAG拖拽插件3.UI组件UI组件库一般是多个插件的集合体，不仅提供了JS对应的功能
郑yi·2020-07-01 06:30

Vue实现商城购物清单（更新~）

☞旨在加强vue基础的巩固练习html我的购物清单列表清单总数{{lists.length}}已采购数{{buyNum}}添加清单名称数量价格状态采购操作{{v.name}}-+￥{{v.sum}}{{
Jake Zhang·2020-07-01 04:50

Vue基础

一、渐进式框架二、两个核心点响应的数据绑定当数据发生改变时，自动更新视图。是利用Object.defineProperty中的getter和setter代理数据。varobj={};Object.defineProperty(obj,"a",{value:10,//obj.a值为10writable:false,//表示不可写enumerable:false,//表示不可遍历configurabl
菜鸡的全栈路·2020-07-01 04:43

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