#vue学习

*第5章 脚手架(1)-搭建(1)

VUE学习目录汇总脚手架工程位置：e:\vue\myproject安装步骤：node.js--->淘宝镜像---->webpack--->vue-cli脚手架----->用脚手架构建项目一、那么我们就从最简单的环境搭建开始
wqjcarnation·2022-06-15 14:48

Vue学习（十二）标签、配置项和自定义插件

文章目录ref标签props配置项mixin（混合/混入）插件ref标签被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象使用方式，打标记：…或；获取：this.$refs.xxx学习名称：{{name}}学习地址：{{address}}exportdefault{name:"School",data(){return{nam
飞不起来的小菜鸟·2022-06-15 07:01

Vue学习（三）——前端路由

Vue学习（三）——前端路由一、路由一个完整的URL由几部分组成http://www.aspxfans.com:8080/news/index.asp?
Grimoire_ll·2022-06-09 17:39

Vue 学习笔记 -- 2. Vue 组件化编程与脚手架

Vue学习笔记–2.Vue组件化编程与脚手架2.1组件与模块化模块向外提供特定功能的js程序，一般就是一个js文件。为什么：js文件很多很复杂。作用：复用js，简化js的编写，提高js的运行效率。
lingchen1642·2022-06-07 14:44

【Vue学习】梦想成为前端开发的第二天

前言俗话说的好，不用vscode的前端不是个好前端。我这么要上进（好装X）的人，怎么可能不会用vscode。其实说起来惭愧，我对于各种IDE和工具还只是停留在使用的表层，不像我熟知的几位大神，已经胸中全是快捷键，开发自然神。所以，搭好了环境之后，我开始学习使用vscode。vscode使用1.软件安装官网VSCode中文网下一步系列这个步骤我觉得没啥说的。就是下载，之后双击，之后下一步，最后OK2
学习编程的中年人·2022-06-06 16:41

Vue学习基础版汇总V5.0.0

Vue2.0-学习知识基础版汇总一、Vue之动态组件1.1、什么是动态组件动态组件指的是动态切换组件的显示与隐藏1.2、实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。【案例】data(){//1.当前要渲染的组件名称return{comName:'Left'}}展示Left组件展示Right组件【小结】component标签是vue内置的，作用：组件的占位符is属性的值，
以梦为馬Douglas·2022-06-06 13:45

Vue学习之路（基础篇）

Vue学习之路（基础篇）程序员小王的博客：程序员小王的博客欢迎点赞收藏⭐留言如有编辑错误联系作者，如果有比较好的文章欢迎分享给我，我会取其精华去其糟粕java自学的学习路线：java自学的学习路线一.Vue
程序员小王java·2022-06-05 21:09

Vue学习基础版V4.0.0

Vue基础知识学习总结一、Vue之ref引用1.1、ref引用之DOM元素【作用】ref用来辅助开发者在不依赖与jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下：组件的$refs指向一个空对象。【使用】使用步骤如下：第一步：标签上绑定ref属性App根组件第二步：在需要触发的方法中获取使用meth
以梦为馬Douglas·2022-06-05 15:50

【Vue学习总结】23.Vue UI框架 ElementUi的使用

接上篇《22.使用MintUI的infinite-scroll实现上拉分页加载》上一篇我们讲解了通过MintUI提供的infinite-scroll组件结合api接口实现一个上拉分页加载更多的功能，本篇我们来讲解VueUI的另一个PC端框架ElementUI。本系列博文使用的Vue版本：2.6.11ElementUI官方网站：https://element.eleme.cn/#/zh-CN一、El
光仔December·2022-05-30 19:46

Vue学习

Vue学习1.Vue基础2.Vue-cli3.Vue-router4.Vuex5.element-ui6.Vue31.Vue基础2.Vue-cli3.Vue-router4.Vuex5.element-ui6
若水cjj·2022-05-25 18:48

黑马vue学习路线

vue学习路线第一天：前端工程化与webpack前端工程化的相关概念wabpack的常见用法打包发布第二天：vue基础入门-part1vue基本使用步骤vue中常用的指令vue-devtools调试工具目标
曹莓奶昔·2022-05-22 17:01

Vue学习——品牌列表案例（15）

案例效果通过新增按钮，就可以添加品牌到下列当然，为了更快地掌握vue，列表的模型是现成的，我们只需要编写其背后的功能编写①列表数据的渲染然后编写表格，并在vue中循环渲染tr行这就是结果然后我们来用Bootstrap美化一下给大table加一个class：class="tabletable-borderedtable-hovertable-striped然后是对status进行双向绑定：即浏览器页
Hoorus·2022-05-17 16:36

Vue学习——条件渲染与列表渲染指令（14）

条件渲染指令用来辅助开发者控制DOM的显示与隐藏，条件渲染指令有：v-if,v-showv-if与v-show下面是他们的详细区别v-else-if与v-else配套使用效果更佳写个表格，添加bootstrap样式然后在数据区写个list这时候我们将v-for循环渲染列表指令写入表格item作为变量名，in为固定格式，list为数据内的表格标签当然vue还提供了一个index，写法如下其中，ite
Hoorus·2022-05-17 16:36

Vue学习杂记（七）—— vue-cli的使用以及eslint风格

vue-cli的使用一、什么是vue-cli框架二、如何使用vue-cli2.1vue-cli配置新项目2.2vue-cli目录结构说明2.3vue-cli运行项目三、eslint代码风格3.1eslint安装3.2eslint相关环境优化3.2eslint规范举例引言：前端的发展速度还是比较迅猛的，vue-cli使用前端框架，其设计目的thinkPHP框架一样，为了方便我们进行项目开发，更加专注
凌空暗羽·2022-05-11 08:03

Vue学习（三）—— vue脚手架

文章目录第三部分使用vue脚手架一、介绍及安装1.概述2.安装步骤3.备注4.模板项目结构5.关键代码5.1index.html5.2main.js5.3App.vue5.4components/School.vue二、关于不同版本的Vue三、修改默认配置1.无法修改2.可配置项2.1配置参考2.2配置文件四、ref属性五、**props**1.功能2.传递数据3.接收数据4.示例代码4.1Stu
Alvis 一昂·2022-05-11 08:32

【Vue】Vue学习笔记——自定义指令&&组件

文章目录2.自定义指令2.1指令的注册2.2指令的定义对象2.3指令实例属性2.4案例2.4.1下拉菜单2.4.2相对时间转换3.组件3.1什么是组件3.2组件的基本使用3.2.1全局注册3.2.2局部注册3.2.3DOM模板解析说明3.3组件选项3.3.1组件props3.3.2props验证3.3.3单向数据流3.4组件通信3.4.1自定义事件3.4.2$emit/$on3.5内容分发3.5.
shen子怡·2022-05-11 08:30

vue学习（56）setup

知识点理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）的入口。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法,在模板中均可以直接使用。（重点关注！）若返回一个渲染函数：则可以自定义渲染内容。（了解）...return(h)=>return{h('h1','佩奇')}
哆啦C梦的百宝箱·2022-04-26 14:34

VUE响应式原理的实现详解

目录总结前言相信vue学习者都会发现，vue使用起来上手非常方便，例如双向绑定机制，让我们实现视图、数据层的快速同步，但双向绑定机制实现的核心数据响应的原理是怎么样的呢，接下来让我们开始介绍：functionobserver
·2022-04-23 15:23

VUE学习笔记：26.脚手架vue-cli之路由vue-router

一.网页路由基础讲解1.什么是路由2.后端路由在早期的网页开发中，都是使用后端渲染。常用的计算包括：jsp，php等。后端渲染原理：当使用浏览器访问某个url时，会将该url发送到对应网站的服务器。服务器会根据对应url完成相关操作（如从数据库中取出数据并填充到HTML模板中，然后将HTML模板返回给浏览器）。所以使用后端渲染模式，在服务器中就已经将我们需要展示的页面全部渲染完成了。后端路由：后端
new nm个对象·2022-04-19 14:22

Vue学习笔记

Vue学习目标前端知识体系HTML(页面的结构)、CSS(表现层)、JavaScript(行为)HTML就不说了。
BearBrick0·2022-04-19 11:51

Vue学习笔记（狂神）

1.概述1.1.Vue概述Vue(读音/vju/,类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如:vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。SOC原则：关注点分离原则1.2.前端知识体系想要成为真正的
隔壁郑同学·2022-04-15 17:46

狂神Vue学习02：Vue基本语法、双向绑定

Vue基本语法我们已经成功创建了第一个Vue应用。看起来这跟渲染一个字符串模板非常类似，但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象的属性，界面可以实时更新v-bindTitle鼠标悬停几秒查看动态绑定的提示信息varvm=newVue({el:"#app",data:{message:"hello,vue!"}});我们看到的v-bi
学而知不足~·2022-04-15 17:15

狂神Vue学习01：Vue概念及第一个Vue程序

概念什么是VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。综合了Angular（模块化）和React（虚拟DOM）的有点与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。因为Vue的边界很明确，就是为了
学而知不足~·2022-04-15 17:44

狂神Vue学习03：Vue组件、网络通信、Vue的生命周期、计算属性

什么是组件组件就是可复用的Vue实例，说白了就是一组可以重复使用的模板，跟JSTL的自定义标签、Thymeleaf的th:fragment等框架有着异曲同工之妙。通常一个应用会以一颗嵌套的组件树的形式来组织例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它像导航链接、博文之类的组件Vue组件注意：在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli创建.vue模板文件的
学而知不足~·2022-04-15 17:13

coderwhy-vue学习

(新)2019Vue、Vuejs最详细教程-入门到项目实战coderwhy-vue学习一、邂逅Vuejs1、认识Vuejs1.1简单认识一下Vuejs2、Vuejs安装方式2.1CDN引入2.2下载和引入
快乐的小马龙123·2022-04-03 13:59

VUE学习-入门

文章目录1、vue简介1.1、VUE是啥1.2、为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2.X目录结构相关常用命令vue2.X相关命令vue3.X相关命令3、vue示例3.1、安装element-ui3.2、使用router路由3.3、配置后端代理3.4、使用axios组件3.5、vu
liushangzaibeijing·2022-04-03 13:18

通过vue学习react(五) - 路由router

reactrouterv6版本的路由实现喜欢就点赞呗安装pnpmaddreact-router-dom完整代码#App.tsxfunctionApp(){return(HomeAboutAbout}>}>}/>}>}>}>。);}Api方法意义useParams返回当前参数根据路径读取参数useNavigate返回当前路由代替原有V5中的useHistoryuseOutlet返回根据路由生成的el
·2022-03-28 15:41

通过vue学习react(四) - watch,computed,slot等功能

这些功能都比较简单些,通过reacthooks和reactclass都进行了实现喜欢就点赞呗react实现watchreacthook实现watchfunctionuseWatch(deps:T,handler:(next:T,prev:T)=>void,immediate=false){letnextRef=useRef();constisImmediate=useRef(true);useEf
·2022-03-28 13:32

黑马VUE学习笔记（附带项目天气预报和音乐播放器所有源码）

文章目录黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）感谢黑马！
写hello world都有bug·2022-03-27 12:26

Vue学习之Vuex的使用详解

目录简介优缺点优点缺点使用场景示例安装Vuex并引入1.安装vuex2.编写vuex的store3.main.js引入CounterStore.js业务代码测试简介说明本文介绍Vue的插件：Vuex。包括：优缺点、使用场景、示例。官网官网文档APIvuex-store优缺点优点1.响应式属于vue生态一环,，能够触发响应式的渲染页面更新。(localStorage就不会)2.可预测的方式改变数据避
·2022-03-23 19:39

Vue学习--项目开发前的准备

目录一、划分目录结构1.初始创建时2.需要新添加的文件3.后续还会有新建的文件夹，之后再描述二、css文件的引入三、项目路径别名(vue.config和editorconfig)四、.editorconfig文件一、划分目录结构1.初始创建时主要在src文件夹中包括asset和components文件夹+App.vue和main.js文件2.需要新添加的文件其中asset中放一些相关资源包括img
献_·2022-03-18 21:10

Vue学习笔记----基础

Vue.js开发模式MVVM模式双向数据绑定虚拟DOM技术●低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上，当View变化的时候Nodel可以不变，当Model变化的时候View也可以不变。●可复用:你可以把一些视图逻辑放在一个ViewModel里面，让很多View重用这段视图逻辑。●独立开发:开发人员可以专注于业务逻辑和数据的开发(Vie
会写代码的花城·2022-03-18 21:58

Vue学习笔记总结（8）

介绍webpack-simple模板项目项目内的结构index.html无论前端页面内容有多复杂，index.html都只有11行实际内容已经被打包进/dist/build.jsmain.js文件是整个vue项目的入口jsApp.vue万事万物皆组件App.vue这种以”.vue”为扩展名的内容（文件），实际上就是一个Vue对象。在这里这种文件，也称为Vue组件。三、.vue文件（Vue组件）的组
宋军涛·2022-03-13 14:07

vue学习总结笔记

vue学习总结1.关于项目的布局2.关于定位3.向空数组传入值问题问题4.div的传值5.事件子传父6.事件总线7.组件的点击事件8.导航浮动顶层9.解决导航浮动顶层10.路由操作11.点击切换问题12
小小雨伞·2022-03-13 14:34

Vue学习笔记

Vue学习笔记知识速览项目目录基础知识组件路由axios状态管理学习心得知识速览下面就简单记录一下Vue学习笔记了，适合回顾。
雾里看花花里看雾·2022-03-05 07:54

Vue 学习笔记（一）

Vue学习笔记（一）文章目录Vue学习笔记（一）一、Vue概述二、搭建Vue环境三、Vue知识详解1.hello小案例2.Vue模板语法1.插值语法2.指令语法3.数据绑定3.data与el4.MVVM
m0_54850604·2022-03-03 18:40

Vue学习笔记（四）：事件处理

1v-on¶Vue中，绑定点击事件用v-on:实现，例如绑定鼠标点击事件用v-on:click="fun"实现，绑定键盘回车键按下事件用v-on:keydown.enter="fun"实现，其中“fun”是点击事后后的回调方法。v-on:可以简写为“@”,例如@click="fun"、@keyup.enter="fun"。2鼠标事件¶绑定鼠标点击事件通过v-on:click实现，例如给按钮添加一个
奥辰_·2022-02-26 22:39

vue学习（一）从零开始搭建vue项目

从零开始搭建vue项目下载node下载vue-cli脚手架创建项目运行项目webpack打包下载node地址：https://nodejs.org/en/download/下载完成后点击下一步安装，安装完成后在终端输入：node-v查看是否安装好因为服务器是在国外的，用npm安装vue-cli脚手架可能会下载不下来，所以我们更推荐用淘宝镜像安装1.切换淘宝镜像：npmconfigsetregist
暴龙斗士·2022-02-24 11:38

Vue学习笔记06：监听器、生命周期、数据共享

文章目录一、watch侦听器1.什么是watch侦听器2.watch侦听器的基本语法3.axios+watch检测用户名是否可用4.immediate选项5.deep选项6.计算属性vs侦听器二、组件的生命周期1.组件运行的过程2.如何监听组件的不同时刻3.组件中的生命周期函数4.完整的生命周期图示三、组件之间的数据共享（重点）1.组件之间的关系2.父子组件之间的数据共享2.1父组件向子组件共享数
双-鱼·2022-02-22 13:44

Vue学习案例：父子通信-结合双向绑定案例

Documentporps:{{cnum1}}data:{{dnum1}}-->porps:{{cnum2}}data:{{dnum2}}-->constapp=newVue({el:"#app",data:{num1:1,num2:0,},methods:{num1change(value){this.num1=parseInt(value);},num2change(value){this.n
Sakaiu2·2022-02-22 07:28

vue学习收藏博客

[1]:https://www.cnblogs.com/wisewrong/p/6255817.html使用vue-cli搭建项目[2]:http://blog.csdn.net/u013778905/article/details/53864289vue项目目录解析[3]:http://blog.csdn.net/qq_34320300/article/details/78546141构建一个简
beautymo·2022-02-20 12:05

vue学习笔记

Vue实例数据和方法只有当实例被创建时就已经存在于data中的property才是响应式的Object.freeze()方法会冻结对象，阻止修改现有的property，意味着响应系统无法再追踪变化。vue实例暴露了一些实例property和方法，通过前缀$与用户定义的property区分开实例生命周期钩子beforeCreatecreatedbeforeMountmountedbeforeUpda
史梦辰·2022-02-18 05:58

vue学习笔记-黑马教程第三天

数据请求获取get数据初始化getalllist（）提交数据post删除数据全局配置根域名全局配置json格式动画-淡入淡出动画-淡入淡出+运动位移动画-自定义名字动画第三方库animate动画库函数钩子动画动画-列表动画添加效果transition-group动画，move移动动画动画-页面入场效果动画指定Tag属性组件的创建方式第一种组件的创建方式第一种--简写第二种创建组件的方式第三种创建组
Neyo_凉·2022-02-16 08:37

vue学习笔记-黑马教程第一天

DAY1https://www.bilibili.com/video/av36650577/?p=1视频地址https://github.com/Francis0Cheng/Vue-Personal-Notes参考笔记代码https://github.com/shy1118999/vue.js参考笔记代码2VUE中的MVVM实例说明v-cloakv-textv-html用于显示内容v-bind用于
Neyo_凉·2022-02-16 08:53

2018-09-09 vue初始项目搭建（vue学习错误记录一）

熟知vue的大名已经很久了，但是很长一段时间都没有静下心来学习，最近终于有时间来学习一下vue，顺便记录下出现的问题，方便以后进行查询为以后的人解惑。一开始使用vue是在嵌入式页面，用标签引入的方式引入vue，这种使用会new出很多个vue对象，以至于在理解用node的npm平台使用webpack打包开发的时候，无法理解vue根节点的作用。vue结合npm开发的时候，一个单页面程序是只存在一个vu
秋限糖渍栗子·2022-02-16 03:58

Vue学习笔记——Vue CLI详解

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。VueCLI详解VueCLICommand-LineInterfaceVueCLI使用前提：Node、webpack、npm安装：npminstall-g@vue/cli安装CLI2：npminstall@vue/
小910888·2022-02-15 11:42

Vue学习笔记——webpack详解

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文章仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。webpack详解认识webpack什么是Webpackimage-20210707110422055前端模块化和grunt/gulp的对比面试可能会问grunt/gulp的核心是Task如果工程模块依赖非常简单，
小910888·2022-02-15 11:36

vue学习笔记（五）Vue-cli 组件嵌套,css作用域,父传值子组件

Vue-cli组件嵌套全局组件注册:(main.js)import组件名form'位置'vue.component("组件标签名",组件名)只需在使用的位置调用组件标签名即可局部组件使用:(需要使用的vue文件中)import组件名form'位置'components:{组件标签名:组件名//可以省略组件标签名}Vue-clicss作用域只需在style后添加scoped即可父传值子组件1.子组件
帝王弦·2022-02-14 17:55

【Vue.js】todolist功能实现（七）

只要使用v-for循序显示和绑定按钮事件Vue学习helloclick{{item}}newVue({el:"#root",data:{show:true,list:[]},methods:{handleClick
kingloongMagic·2022-02-13 15:02

VUE学习笔记01--搭配本地vue源码调试环境

首先我们从github上下载一份vue源码到本地，就利用vue文件夹下自带的demo进行学习和调试。但是我们运行了一下vue--examples--commits--index.html发现Chrome浏览器里source载入的是压缩版本vue。根本无法调试呀无法调试啦不急只要三个小操作我们就可以达到这样达到下面的效果啦。好啦可以打断点啦1）在vue文件夹下对应的package.json中我们只须
大檬煮WesleyQ·2022-02-12 20:21
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他