【vue学习】

[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

Vue3.0学习笔记

Vue学习笔记Vue3.0Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性1、创建Vue3.0工程1.1使用vue-cli创建1.2
muzi187·2023-01-18 14:50

前端实习——Vue学习笔记(一)

一、Vue介绍1.什么是框架框架，framework,是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现2.什么是vue框架vue是一个渐进式JavaScript框架国人自己开发的框架，作者是尤雨溪官网：cn.vuejs.org入门简单手册详细生态圈活跃vue两大核心：数据驱动页面、组件化3.vue框架学习内容vue、vue-cli脚手架、vue-router路由、ui库、样
是吱吱·2023-01-16 07:02

Vue学习第8天——生命周期函数

目录一、生命周期函数图二、对生命周期进行类比三、生命周期三个阶段1、初始化阶段2、更新数据3、销毁实例四、代码演示1、初始化页面时2、点击更新数据时3、点击销毁实例4、细节五、总结1、两个重要钩子2、关于销毁Vue实例六、进阶教程1、el配置项2、template与html的优先级七、路由组件独有的2个生命周期函数1、作用2、具体钩子3、用法一、生命周期函数图将Vue官网的图进行详解说明，了解生命
离奇6厘米·2023-01-16 07:59

Vue学习第12天——分析vue混入(mixin)的使用方法

一、基础概念mixin官方定义混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。理解将多个组件共用的配置提取成一个混入对象，哪个组件需要用到这些配置时，直接将提取出来的这部分混入（mixin）到组件内部即可优点减少代码冗余度，方便后期更好的维护（mixin相当于组件
离奇6厘米·2023-01-16 07:59

Vue学习-异步组件

文章目录前言一、异步组件的简介二、使用异步组件的好处三、访问路径案例1.使用@/直接条到根目录src下2.要访问public目录下的文件四、异步加载组件案例总结前言在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。一、异步组件的简介所谓的异步组件就是通过import或者require导入的vue组件。例如：constcomponentA=import(
Crystal莘·2023-01-14 09:13

vue学习

这里写目录标题Vue2介绍vue单向数据流数据双向绑定v-modelvue数据响应式vue2vue3数据驱动视图——MVVMMVC原理vue渲染过程$mount：挂载定义好的模板Vnode：虚拟dom，用js去描述一个dompath：虚拟dom的核心，可以把vnode渲染成真实dom，diff算法虚拟domdiff算法vue2使用script引入使用差值绑定逻辑v-if,v-else-if,v-e
西瓜味白桃汽水·2023-01-14 06:13

vue学习3--计算属性，监视属性等

1.计算属性data中的数据任何一个数据一旦发生变化，模板就会重新解析，方法用到变化的数据，方法也会重新调用一次。对于vue来说，data中的数据即是属性1.定义：要用的属性不存在，要通过已有的属性计算得来；2.原理：底层借助了Object.defineproperty方法提供getter和setter；3.get函数什么时候执行？（1）初次读取时候会执行一次（2）当依赖的数据发生改变时会被再次调
珊珊来迟ou·2023-01-09 06:42

vue学习（5）vue高阶slot插槽使用

1、v-slot，slot-scope和slotvue2.6更新后推出v-slot来代替之前的slot-scope和slot使用子组件：child.vue这是子组件exportdefault{data(){return{list:[1,2,3]}}}父组件:老版使用方式：slot-scope和slot的具名插槽作用域{{item}}新版使用方式：v-slot的具名插槽作用域{{item}}其实大家
林大大哟·2023-01-07 20:47

Vue好难理解怎么办？

Vue学习笔记分享给你，希望对你有些帮助，另外推荐2个安装VScode中的Vue插件Vue3SnippetsVue3Snippets-VisualStudioMarketplace这个插件包含了所有的Vue.js2
测试小扎·2023-01-07 07:58
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他