【vue学习】

vue入门--week1

vue学习笔记，比较基础。
油多坏不了菜·2023-03-26 01:45

Vue学习第一课

1：在项目中引入Vue通过静态cdn的方式引入：文件来源：bootcdn前端资源库2：添加绑定在视图;在vue模板中，通过el:'vue'。绑定对应的div视图；注意事项：Vue模板内容，仅仅对绑定的div及其子视图生效；3：常用指令1：显示msg内容：{{msg}}；2：显示一段html文本：v-html='html'；3：绑定链接：v-bind:href="url"或者简写：:href="ur
伙伴崩溃·2023-03-25 22:27

Vue学习计划六：了解Vue的计算属性和监听属性以及数据响应式更新和依赖收集

Vue是一款非常流行的JavaScript框架，它提供了很多方便的功能来帮助开发者快速构建交互式Web应用程序。其中两个非常重要的功能是计算属性和监听属性，以及Vue的数据响应式更新和依赖收集机制。计算属性和监听属性在Vue中，我们可以使用计算属性和监听属性来处理一些复杂的逻辑，从而让我们的代码更加简洁明了。计算属性计算属性本质上就是一个函数，它的返回值会被缓存起来，只有当依赖的数据发生变化时才会
袁代码·2023-03-25 14:51

Vue学习计划五：了解Vue的事件处理

Vue是一种流行的JavaScript框架，用于构建交互式Web应用程序。其中，事件处理是Vue框架非常重要的一部分，本文将详细讲解Vue事件处理的相关内容，包括事件绑定、自定义事件和事件修饰符。事件绑定Vue中的事件绑定与原生JavaScript中的事件绑定类似，都是通过添加事件监听器来触发特定的操作。Vue中的事件绑定语法为v-on或@，其中v-on是Vue提供的指令，而@是v-on的简写形式
袁代码·2023-03-25 14:50

Vue学习计划二：了解Vue的模板语法以及指令和表达式的使用方法

Vue是一种基于MVVM模式的JavaScript框架，其核心是响应式数据绑定和组件系统。在Vue中，我们可以使用模板语法来构建应用程序的用户界面。模板语法是一种特殊的HTML语法，用于描述Vue实例的视图。在本文中，我们将详细讲解Vue的模板语法，指令和表达式的使用方法。模板语法Vue的模板语法非常直观，它使用类似于HTML的标记来描述Vue实例的视图。下面是一个简单的Vue模板示例：{{mes
袁代码·2023-03-25 14:50

Vue学习计划九：了解Vue动画效果以及过渡动画和动态组件的使用方法

Vue.js是一个流行的JavaScript框架，它提供了很多工具和功能，可以帮助开发人员创建动态、交互式的Web应用程序。其中之一就是动画效果，Vue.js提供了一系列的API和指令，使得添加动画效果变得非常容易。在Vue.js中，动画效果主要分为两类：过渡动画和动态组件。过渡动画过渡动画是指在元素插入、更新或移除时，Vue.js自动添加动画效果。Vue.js提供了两种方式实现过渡动画：使用CS
袁代码·2023-03-25 14:04

[vue学习]vue的一些相关概念和理解（持续更新）

本人总结的Vue的特点:不支持IE8及以下版本,但它支持所有兼容ECMAScript5的浏览器。直接用引入支持多样的开发环境,开发环境、生产环境、CSP环境渐进式框架声明式渲染便捷的条件循环和用户输入处理，以及自动应用过渡效果组件化应用构建自定义元素支持生命周期使得流程更简洁简洁、方便的事件监听使用“Mustache”(么死大许)语法(双大括号)的文本插值很好的方便了插值运算自动添加前缀可动态绑定
音无级鹦鹉螺号·2023-03-25 04:50

Vue学习第一天

vue的基本代码:varvm=newVue({el:'#app',//选择器,用来控制vue操作的范围,一般就是全局的,就是根节点data:{//Vue中不建议操作dom,所有要用到的数据都放在data对象中,要用的时候就直接拿到页面中去用,可以用{{值的属性名}},v-cloak="值的属性名"v-text="值的属性名"v-show="值的属性名"},methods:{//所有的事件控制函数都
向秃顶靠近的程序员·2023-03-24 17:46

VUE学习笔记---初识VueRouter

前言VueRouter啥用呢，其实就是前端来更改页面路径的一个玩意，一般来说，网页的跳转都是要后台来控制的，现在有了它，前端自己就可以定义路由。当然，后台得提供一个默认渲染页面index.html，所以有了这玩意，做个单页面应用就很方便。正文实现原理Vue的思想就是一切皆组件，那么开发单页面应用的时候，它在加载页面的时候不会加载整个页面，而只加载指定的组件，那么当页面路径的改变的时候，并不是去更新
邓生的邓生·2023-03-24 01:45

[Vue学习]Vue开发创建webpack项目

项目创建创建一个基于"webpack"模板的新项目,项目名称可自定义,这里用默认的"my-project"cmd或者gitbash输入vueinitwebpackmy-project接下来会出现image.png这里直接回车默认就是my-peoject然后下图是是项目描述,不是必填,按下回车继续image.png然后是项目作者image.png然后需要选择是否安装编译器image.png安装要选择
音无级鹦鹉螺号·2023-03-23 20:04

【Vue学习笔记】vue-admin-template项目结构说明（个人理解）完整的一个vue项目结构，值得初学者学习这个项目的结构。

vue-admin-template项目结构主页面布局的模块化划分组件侧边栏（再划分）、顶部、中间内容的划分顶部划分三等份内容侧边栏的数据渲染，从路由中获取待补充。。。
番茄Salad·2023-03-23 19:17

Vue学习记录

Here,youcangetsourcecode.Vue(pronounced/vjuː/,likeview)isaprogressiveframeworkforbuildinguserinterfaces.Unlikeothermonolithicframeworks,Vueisdesignedfromthegrounduptobeincrementallyadoptable.VueUsingI
坠尘_ae94·2023-03-22 19:39

【Vue】九、vue-element-admin

后端程序员的vue学习之路一、介绍二、功能特性三、前置准备四、前置知识五、项目结构说明：六、安装运行一、介绍vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现
北城小林·2023-03-22 14:23

vue学习：第三章 vue实例生命周期以及钩子函数初识

每个Vue实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(dataobserver)、编译模版、挂载实例到DOM，然后在数据变化时更新DOM。在这个过程中，实例也会调用一些生命周期钩子，这就给我们提供了执行自定义逻辑的机会。beforeCreate（新对象诞生）Vue对象用新方法实例化。它创建一个Vue类的对象来处理DOM元素。对象的这个生命阶段可以通过beforeCrea
小虾皮爱吃肉·2023-03-20 15:37

vue学习笔记 - 模板语法、计算属性

vue学习笔记官网：https://cn.vuejs.org/v2/guide/1、vue体验demo示例：image.png示例代码：Document系统名称：{{title}}名称：{{item.name
huxq_coder·2023-03-20 07:54

Vue学习笔记（五）：如何触发组件更新

vue：数据驱动的视图框架数据包含：1、父元素的属性2、组件自身的状态3、状态管理器，vuex、Vue.Observable哪些数据做依赖收集，哪些不需要。Vue实例化的时候，会对Data做一些getter和setter转化（对数据做了中间的代理层，取和设置都会经过代理层，可以在代理层做任何事情）组件渲染时（也是render）,需要去获取data，用到了就放到watch里面。1、name不在dat
smartHui·2023-03-16 17:36

vue的变化侦测初了解

vue学习Object.definePropertyjs中侦测变化的方法有两种，其一是es6的proxy（暂未学习到，日后补上），其二便是今天的介绍的Object.defineProperty，通过mdn
张一半·2023-03-16 06:49

Vue学习笔记---keep-alive源码学习

1.使用2.源码分析1.props：keep-alive支持配置的属性作为prop传入props:{include:[String,RegExp,Array],//缓存包含组件exclude:[String,RegExp,Array],//缓存不包含组件max:[String,Number]//最大缓存组件}2.created：创建组件缓存数组以及标识数组created(){this.cache=
洛千陨·2023-03-15 15:39

vue学习：问题汇总

问题一组件引用其他组件内容失败错误代码：importheaderfrom'../header.vue';exportdefault{name:'index',components:{header}}组件引用其他组件内容失败，报错：Donotusebuilt-inorreservedHTMLelementsascomponentid原因不能占用html中默认的元素，更换组件名称即可正确代码：impo
小虾皮爱吃肉·2023-03-15 04:19

VUE-1

vue学习起来非常简单，本教程基于vue2.1.8版本测试。
韫秋·2023-03-12 15:41

vue.js - 入门学习教程

本文参考慕课的vue学习视频，整理总结完成。javaScript框架(库)汇总https://blog.csdn.net/Acmen_007/article/details/530
红薯爱帅·2023-03-12 15:48

vue学习之组件

01组件1.1vue中使用组件的三大步骤定义组件（创建组件）注册组件使用组件（写组件标签）1.2如何定义一个组件使用Vue.extend(options)创建，其中options和newVue(options)是传入的那个options几乎一样，但是也有区别。区别为：el不要写，为什么？--最终所有组件都要经过vm管理，有vm中的el决定服务那个容器；data必须写成函数式，为什么？--避免组件被
荆承鹏·2023-03-11 20:31

Vue学习笔记之二Vue-Devtools及过滤器

2.Vue在chrome浏览器的调试工具Vue-Devtools作用vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。安装地址：https://github.com/vuejs/vue-devtools或者https://chrome.google.com/webstore/detai
聽見下雨的_聲音·2023-03-11 05:55

vue element admin 二次开发_Vue学习路线

简介路线专为想学Vue却无从下手的人群设计，以实际项目为例，逐层深入，快速上手Vue。学习路线内容1.2019黑马web前端开发全套视频教程基础班+就业班【PC端后台电商项目】难度：初中级【强烈推荐】2.Vue全家桶实战从零独立开发企业级电商系统【PC端前台电商项目】难度：中级3.VueElement+Node.js开发企业通用管理后台系统【PC端后台读书项目】难度：高级4.大前端：前端全栈加强版
weixin_39731456·2023-03-10 19:41

Vue学习初步

v-cloak解决插值表达式方法渲染闪烁问题，如果vue控制区域内的标签上面加了v-cloak，在网速不够无法请求到信息的时候不会显示所在标签，如果不加v-cloak在网速不够的情况页面可能会显示{{item}}v-text和v-html会覆盖所在标签内的原有内容键盘码vue提供了一些方便事件的方法，例如@keyup.enter=‘fun’,如果按下了enter键，在抬起的时候触发fun事件但是有
QJe·2023-03-10 18:48

Vue知识点 超详细!万字说明！

Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手vue官网：https://cn.vuejs.org/v2/guide/comparison.htmlVue
Carefree1990·2023-03-10 16:56

VUE常见的指令

vue学习——vue的指令vue的基本使用1、打开的调试器2、VUE的两个特性3、指令3.1内容渲染指令——用于辅助开发者**渲染DOM元素的文本内容**3.1.1v-text的使用方法3.1.2所以不想覆盖的话
短发少女ԅ(¯ㅂ¯ԅ)·2023-03-10 11:10

vue学习（6）自定义指令详解及常见自定义指令

1、钩子函数bind:只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。（常用）inserted:被绑定元素插入父节点时调用(保证父节点存在，但不一定已被插入文档中)。（常用）update:所在组件的VNode更新时调用,但是可能发生在其子VNode更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新(详细的钩子函数参数下见)。
林大大哟·2023-03-10 11:26

Vue学习日记part4 生命周期

生命周期：Vue.js2.x&Vue.js3.0区别//Vue.js2.x定义生命周期钩子函数exportdefault{created(){//做一些初始化工作},mounted(){//可以拿到DOM节点},beforeDestroy(){//做一些清理操作}}// Vue.js3.x生命周期API改写上例import{onMounted,onBeforeUnmount}from'vue'ex
那是遇知吧·2023-03-10 04:57

Vue学习笔记

初始Vue想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法root容器里的代码被称为vue模板Vue实例和容器是一一对应的真实开发中只有一个Vue实例,并且会配合组件一起使用{{xxx}}中的xxx要写js表达式,并且xxx可以自动读取到data中的所有属性,一旦data中的数据发生改变,那么模板中用到该数据的
男人宫·2023-03-09 15:08

Vue学习笔记（3）

3.1计算属性和监视属性3.1.1计算属性计算属性是一种计算值的方式，可以根据其他属性的值来动态地计算新的属性值。计算属性可以缓存计算结果，当依赖的属性发生改变时，才会重新计算。在Vue中，可以使用computed选项来定义计算属性，例如：{{fullName}}exportdefault{data(){return{firstName:'张',lastName:'三'}},computed:{f
爪哇-毛毛虫·2023-03-01 10:04

千锋重庆web前端技术分享之前端VSCode常用插件

因为有些插件会到vue学习的时候引起冲突，所以这里千锋重庆HTML5培训机构的老师介绍几个常用的插件。
重庆千锋·2023-02-28 06:32

VUE学习笔记一（创建项目与axios）

一、利用vue-cli创建项目（推荐）：1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：npminstall-gcnpm--registry=https://registry.npm.taobao.org，回车，等待安装...3.安装全局v
青城墨阕·2023-02-17 22:26

vue学习01-vue-cli安装

1.安装node.js1.png2.安装vue-cli国内淘宝的镜像:$npminstall-gcnpm--registry=https://registry.npm.taobao.org安装脚手架：$cnpminstallvue-cli-g查看版本号：$vue-V2.png3.新建项目$vueinitwebpack[projectname]Projectname(demo01)：-----项目名
栗子daisy·2023-02-17 11:04

d6-d7-d8vue基础知识学习【官网】

vue学习CDN一.Vue实例1.1创建一个Vue实例每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的varvm=newVue({//选项})vmViewModel之缩写一个Vue应用由一个通过
坚持日更的路上·2023-02-17 07:30

vue学习

[TOC]vue是一个轻量级的mvvm框架数据驱动+组件化的前端开发模板newVue({el:'#app',data:{},methods:{//定义方法},components:{//定义组件},computed:{//带缓存}})观察者计算属性:依赖变量额值没有发生变化,是不会重新执行该方法的,所依赖的变量值发生变化前,不管执行多少次这个函数,函数内部都只执行一次,调用函数所得到的值是缓存值数
MEET_b283·2023-02-06 12:09

mpvue学习记录

环境安装node.js下载地址：https://nodejs.org/en/download/cmdnode--version-npmsetregistryhttps://registry.npm.taobao.org/-npminstallvue-cli-g微信开发者工具VisualStudioCode+Vetur第一个小程序-vueinitmpvue/mpvue-quickstartfirst
GH_12d8·2023-02-06 08:31

VUE学习(二)、计算属性vs侦听属性——基于案例的对比

VUE学习（二）、计算属性vs侦听属性——基于案例的对比一、姓名案例——计算属性1、插值语法实现姓：名：全名：{{firstName}}--{{lastName}}Vue.config.productionTip
心醉瑶瑾前·2023-02-03 11:18

Vue学习笔记之组件传值

前言在Vue开发过程中总会遇到组件之间传值的问题，这里总结一下现在学习到的组件之间的传值方法。组件传值个人感觉可以分为两种:父子组件之间传值兄弟组件之间传值组件传值个人感觉的方法有以下几种:props传参事件传递事件监听消息发布与订阅EventBus传参正文父子组件传值父组件传值给子组件实现父组件传值给子组件，可以使用props向下传递数据给子组件。大体思路方法就是：在子组件中声明prop（Pro
Kity_Pei·2023-02-03 05:32

Vue学习笔记（一）Vue开发环境搭建

此处介绍的是windows7系统64位下vue开发环境搭建，个人搭建成功后用于记录或小白参考，望各位纠正！一、安装node.js(https://nodejs.org/en/download/)1.打开node.js官网，选择适合自己的版本并下载。（本人这里是win764bit系统,下载的是node-v10.15.0-x64.msi）下载node.js2.双击安装包，进行安装安装node.js1.
CloudClient·2023-02-03 04:57

vue学习记录第三天2

没全部看完，我是菜鸡动态绑定样式和class方法相同,但是需要使用驼峰命名对象方法:style="{backgroundColor:'red',color:'pink'}"数组:style="[sty1,sty2,{color:'pink'}]"路由实现单页开发的方式history浏览器自带的历史管理方法historyhistory.pushState('','','/d')设置状态，需要服务端支
大白熊_8133·2023-02-02 12:46

Vue学习笔记

MVVMModel-View-ViewModule通过listener和bind实现双向绑定SPA单页应用singlepagewebapplication通过url中的#（类似于锚点）来实现路由转换，不刷新页面。我们可以用如下代码修改成history模式(当前为Hash模式)：importVuefrom'vue'importRouterfrom'vue-router'importMainfrom'
旸云·2023-01-31 23:48

少侠请重新来过 - Vue学习笔记(一) - Vue是什么

vue.js是什么vue.js是一套用于构建用户界面的渐进式框架，vue采用自底而上的增量开发设计。vue的目标是通过尽可能简单的API实现响应的数据绑定和组合视图组件。他提供了现代开发常用的高级功能：解耦视图和数据可复用的组件前端路由状态管理虚拟dom(VirtualDOM)MVVM模式MVVM(Model-View-ViewModel)模式由MVC模式衍生而来，当View发生变化时会自动更新到
我永远喜欢结城明日奈·2023-01-31 19:24

Vue学习笔记[14]-vue-router使用动态路由&路由懒加载

动态路由在某些情况下，一个页面的path可能是不固定的例如/user/1561361这时候可以使用:to="''"动态路由：创建user的vue组件可通过$route.params.userID来获取url中的参数user:{{userID}}exportdefault{name:'User',computed:{userID(){returnthis.$route.params.userID}}
神楽花菜·2023-01-31 00:15

vue学习笔记 element-plus 分页显示英文问题

表格和分页提示都显示英文解决办法1.0.2-beta.59之前在main.js中，importlocalefrom"element-plus/lib/locale/lang/zh-cn";createApp(App).use(ElementPlus,{locale})运行结果1.0.2-beta.59及之后版本（目前到1.0.2-beta.70）ConfigProvider在main.js中，im
xjcwzp·2023-01-30 04:00

vue学习笔记--监视数据变换

对于输入框等数据变化时进行监视，变化后执行对应的操作。自带方法使用自带事件的方式或者绑定vue的函数watchwatch可以监视data中数据的变化，触发这里的函数+=varvm=newVue({el:'#app',data:{firstname:"",lastname:"",fullname:""},methods:{},watch:{firstname:function(newValue,ol
watson_pillow·2023-01-30 04:51

Vue学习笔记

vue简介什么是Vue框架Vue是一套用于构建用户界面的渐进式框架，与其他大型框架相比，Vue被设计为可以自底向上逐层应用Vue的优势主要有哪些轻量级、双向数据绑定、指令、插件Vue、Angular和React三大前端框架的区别Angular不支持组件化，而Vue和React都支持组件化开发只有Vue支持双向数据绑定三大框架都不支持低端浏览器VisualStudioCode编辑器的特点是什么轻巧极
秋༦·2023-01-30 04:47

vue学习笔记 （vue在idea的结构，idea中执行npm命令和配置环境变量，element-ui安装和使用，avue的安装与使用）

1、idea中vue基本使用：刚开始用idea做vue时，在网上找了一些博客，发现都只教到idea中vue的安装和配置。像我这种萌新，创建完vue项目后可能会一脸懵，我连写代码的入口都不知道在哪。还有各个文件中变量的传递和对应关系也搞不明白，尴尬。于是乎，我把项目中的文件翻了一下，终于看到点眉目了。下面来理一下结构，主要想记录一下，以便以后换环境能马上适应和配置上。vue项目的目录结构：尝试着在里
我肚子好饿·2023-01-30 04:15

vue学习回顾第三天

Vue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。组件的创建Title方式3通过模板模板的另一种使用方式//注意：1.模板template中只能有一个根节点;2.组件的名字，如果采用驼峰命令的话，在使用的时候，就要加上“-
xinhongwu·2023-01-28 00:20

Vue学习---项目创建

一、项目创建与启动1.项目创建1)cd本地目录：cd/Users/xxxx/Desktop/2)创建项目test-demo:vuecreatetest-demo2.启动项目1）进入test-demo项目文件夹:cd/Users/xxxx/Desktop/test-demo2）运行项目npmrundev或npmrunserve二、项目的运行1.index.html（项目的运行入口）主要是提供一个di
婼熙之名·2023-01-26 16:38
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他