VUE学习笔记

Vue学习笔记一：Vue-cli3搭建Vue项目

1.搭建一个vue-cli3项目npminstall-g@vue/clivuecreatestudy-vue​.2.vue-cli3全局环境变量的使用（1）根目录下新建.env，添加环境变量VUE_APP_URL=https://mp.yc.info/api（2）使用环境变量data(){return{url:process.env.VUE_APP_URL}}注意：1.修改了环境变量后，要重启服务
开发者连小超·2023-04-03 06:22

Web学习笔记——Vue（下）

Vue学习笔记（下）七、表单处理1、基本用法文本多行文本单选按钮复选框多个复选框选择框2、值绑定单选按钮复选框选择框3、修饰符.number.trim八、组件1、组件注册全局注册局部组件2、组件复用3、
程序崽·2023-04-02 17:47

vue学习笔记1-单向绑定与双向绑定

vue学习笔记1-单向绑定与双向绑定准备工作安装浏览器vue开发者插件一个小问题：如果是使用了vue语法，按钮还是灰色的，去扩展那打开允许访问文件网址下载vue下载vue.js，不下载也行，但是刷新时会有点慢学习的是
楚五同学·2023-04-02 03:42

Vue学习笔记[02]-Vue的生命周期简介

什么是Vue的生命周期vue的生命周期是从vue被创建开始直到其被销毁为止的过程,它包含了beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,actived,deactived,beforeDestroy,destroyed.在2.5.0之后又新增了errorCaptured.lifecyclebeforeCreate在实例初
神楽花菜·2023-04-01 16:19

Vue 学习笔记入门篇 表单与v-model

Vue学习笔记入门篇表单与v-model6.1基本用法v-model:VUE提供了v-model指令，用于在表单类元素上双向绑定事件可以用于input框，以及textarea等注意：所显示的值只依赖于所绑定的数据
hzl的学习小记·2023-04-01 11:49

整理一份Springboot+vue学习笔记

P1环境搭建包括java,idea,maven配置,以及在idea中配置maven。注：在files->NewProjectSettings中配置maven路径，jdk版本1.8，不然重启会失效P2创建springboot项目，热部署1、创建springboot项目时type选Maven,springboot版本选2.x版本。2、热部署配置(包括pom.xml,application.proper
黑芝麻汤圆儿·2023-03-31 21:24

Vue学习笔记（尚硅谷天禹老师）

1.Vue1.1Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发它本身只关注UI，可以引入其它第三方库开发项目1.2与其他JS框架的关联借鉴Angular的模板和数据绑定技术借鉴React的组件化和虚拟DOM技术1.3数据绑定数据绑定单向数据绑定：双向数据绑定：Vue.config.productionTip=falsenewVue({el:'#root',data:
·某某··2023-03-31 12:23

Vue学习笔记1.0（第二天）

vue制作weibo交互vue->1.0vue-resourceajaxphp服务器环境(node)this.$http.get()/post()/jsonp()this.$http({url:地址data:给后台提交数据,method:'get'/post/jsonpjsonp:'cb'//cbName});----------------------------------vue事件:@cli
weixin_39511858·2023-03-31 12:49

Vue学习笔记-Vuex使用

一、安装npminstallvuex--save或者yarnaddvuex二、创建Vuex和注入到Vue实例对象Vuex使用单一状态树（用一个对象就包含了全部的应用层级状态）。每个应用将仅仅包含一个store实例。importVuefrom'vue'importVuexfrom'vuex'//1.注册插件到VueVue.use(Vuex)//2.创建对象conststore=newVuex.Sto
31313_iOS·2023-03-29 22:40

Vue学习笔记01-04

一、课程01//GitHub上获取代码，速度很慢，使用了GitHub代理gitclonehttps://pd.zwc365.com/seturl/https://github.com/hemiahwu/vue-basic.git//切换分支课程gitcheckoutlesson-1*25二、课程02el和data的使用1、vue官网https://cn.vuejs.org/2、安装开发工具vsco
wing2464·2023-03-28 09:37

Vue学习笔记分享之Vue组件化编程

目录2.1模块与组件、模块化与组件化2.1.1.模块2.1.2.组件2.1.3.模块化2.1.4.组件化2.2.非单文件组件2.3单文件组件2.3.1.一个.vue文件的组成（3个部分）1、模板页面2、JS模块对象3、样式2.3.2.基本使用2.1模块与组件、模块化与组件化2.1.1.模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写
·2023-03-28 07:31

Vue学习笔记（3）关于Vue的计算属性

通过之前的学习，我们学习了模板之中的文本插值，这可以很好的实现数据的展示与绑定，但是这样的展示是有点缺陷的，比如当你想把数据做一定的复杂处理过后才展示的时候，当然你也可以继续地使用模板，可是这会显得特别难以维护。Vue当然也是给出了解决方案，这就是计算属性，先给出代码Vue{{message}}{{reverseMessage}}varvm=newVue({el:'#app',data:{mess
MezereonXP·2023-03-26 11:05

vue入门--week1

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

VUE学习笔记---初识VueRouter

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

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

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

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学习笔记---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学习笔记之二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学习笔记

初始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

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学习笔记之组件传值

前言在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学习笔记

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

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好难理解怎么办？

Vue学习笔记分享给你，希望对你有些帮助，另外推荐2个安装VScode中的Vue插件Vue3SnippetsVue3Snippets-VisualStudioMarketplace这个插件包含了所有的Vue.js2
测试小扎·2023-01-07 07:58

Vue学习笔记(六) 长乐未央

例子仍然来自MdnWebDocs，加上了我自己的理解。长乐未央，长毋相忘。某种意义上算是MDNwebdocs中Vue教程的翻译，但又加上了自己的理解。地址是:https://developer.mozilla.org...进化:编辑组件现在我们的组件仍然不太完美，因为它不能编辑，输错了，就输错了。对此我们的解决方案是引入一个编辑组件。还是固定的步骤，首先在src/components下建立一个文件
·2023-01-02 15:14

Vue学习笔记(五) 长乐无极

下一篇是长乐未央，其实是我记错了，将长乐未央、长毋相忘，记成了长乐无极，长乐未央。在汉代，长乐未央和长毋相忘，是两句常用的祝福语，意思是长久快乐，永远不要忘记对方。后面的主线就是通过一些例子来介绍Vue的一些常用概念。当前这个例子依然来自mdnwebdocs。加上了我自己的理解。进化:组件列表书接上回(有种章回体的感觉了，哈哈)，上回我们构建了一个待办组件，并借助props来实现父子组件之间进行通
·2023-01-01 19:07

Vue学习笔记(五) 长乐无极

下一篇是长乐未央，其实是我记错了，将长乐未央、长毋相忘，记成了长乐无极，长乐未央。在汉代，长乐未央和长毋相忘，是两句常用的祝福语，意思是长久快乐，永远不要忘记对方。后面的主线就是通过一些例子来介绍Vue的一些常用概念。当前这个例子依然来自mdnwebdocs。加上了我自己的理解。进化:组件列表书接上回(有种章回体的感觉了，哈哈)，上回我们构建了一个待办组件，并借助props来实现父子组件之间进行通
·2023-01-01 19:36

Vue学习笔记(四) 久处不厌

《Vue学习笔记(一)初遇篇》介绍Vue的源起以及Vue的基本示例,《Vue学习笔记(二)相识篇》对《Vue学习笔记(一)初遇篇》进行重构，重新组织了《Vue学习笔记(一)初遇篇》的内
·2023-01-01 19:06

Vue学习笔记

文章目录第1章：Vue入门1.1Vue简介1.1.1官网1.1.2介绍描述1.1.3Vue的特点1.1.4与其它前端JS框架的关联1.1.5.Vue扩展插件1.2Vue的基本使用1.2.1编码1.2.1.理解Vue的MVVM1.3模板语法1.3.1模板的理解1.3.2双大括号表达式1.3.3指令一:强制数据绑定1.3.4指令二:绑定事件监听1.4计算属性和监视1.4.1computed计算属性1.
fmk1023·2022-12-30 07:41

Vue学习笔记---------Vue核心（二）

Vue脚手架配置代理方法一在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost:5000"}说明：优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）方法二编写vue.config
神秘的帅哥·2022-12-23 21:28

Vue 学习笔记 -- 1 Vue 核心

Vue学习笔记–1Vue核心1.Vue核心1.1Vue简介动态构建用户界面的渐进式JavaScript框架。借鉴Angular的模板和数据绑定技术。借鉴React的组件化和虚拟DOM技术。
lingchen1642·2022-12-23 21:58

【Vue实践】尚硅谷张天禹Vue学习笔记(087-135)-20221212~20221218

（任意组件通信）084-086_全局事件总线全局事件总线SOP086_TodoList案例_事件总线src/mian.js:importVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falsenewVue({el:"#app",render:h=>h(App),beforeCreate(){Vue.prototype.$b
i see the future·2022-12-20 20:27

【Vue实践】尚硅谷张天禹Vue学习笔记(更新至第86课)-20221126~20221212

004_尚硅谷Vue技术_搭建Vue开发环境搭建Vue.jsdevtools允许访问文件网址https://blog.csdn.net/sunhl951/article/details/80185628阻止vue在启动时生成生产提示。Vue.config.productionTip=false目测没有用https://blog.csdn.net/DIUDIUjiang/article/detail
i see the future·2022-12-20 20:25

Vue学习笔记07 vue-router 简单路由-多级路由-路由传参-路由守卫-路由懒加载

文章目录Vue学习笔记07路由概述基本路由注意点嵌套路由路由的重定向redirect配置路由传参路由的query参数路由命名name路由的params参数路由的props配置router-link的replace
nuise_·2022-12-16 07:09

让我们来聊聊前端的工程化

前端发展浅谈让我们回忆一下前端系列的文章:Vue学习笔记(一)初遇Node.js教程(一)基本概念与基本使用Vue学习笔记(二)相识篇Vue学习笔记(三)甚欢篇JavaScript学习笔记(一)promise
·2022-12-14 14:33

Vue 学习笔记11：Echarts-vue项目

Vue学习笔记11：Echarts-vue项目一、基础1.基本使用2.使用场景二、进阶1.显示相关2.动画的使用3.交互API三、后端1.初始化Koa2.Koa快速上手3.配置服务端四、前端1.初始化Vue2
iFulling·2022-12-12 21:49

Vue学习笔记（四）基于Vue2的学生信息增删查案例 | Vuex组件简介、工作原理 | Vuex的三层结构——store负责响应组件、mutations负责操作数据、state负责存储数据

文章目录一、参考资料二、运行环境三、Vuex@3插件3.1状态管理模式3.2Vuex核心概念和API3.2.1[state](https://v3.vuex.vuejs.org/zh/guide/state.html#state)3.2.3[actions](https://v3.vuex.vuejs.org/zh/guide/actions.html#action)3.2.4[mutations
尤Ni·2022-12-05 17:50

Vue学习笔记

#笔记##脚手架结构:|————node_modules|————public||——favicon.ico:页签图标||——index.html:主页面|————src||——assets:存放静态资源|||___logo.png||__component:存放组件|||___HelloWorld.vue||__App.vue:汇总所有组件||__main.js:入口文件|————.gitign
seed！·2022-11-27 12:38

vue学习笔记

文章目录前言一、Vue的基本使用1.初识Vue2.Vue模板语法插值语法{{xxx}}`指令语法`3.数据绑定`v-bind`and`v-model`单向绑定(v-bind)双向绑定(v-model)备注4.el与data的两种写法el的2种写法data的2种写法一个重要的原则5.MVVM模型MVVM模型解释观察发现6.数据代理`getter``setter`Vue中的数据代理Vue中数据代理的好
爱打篮球的鸡·2022-11-27 12:37

前端vue学习笔记汇总

脚手架：创建项目：vuecreate项目名字install：添加，直接在cmd编辑器内写：npminstall-g@vue/cli这里的-g代表全局的，加了后以后其他项目也可以用，如果不加就只能当前项目用vue插件：vue引入所有插件都需要注册，语法是Vue.use(插件名)import注意：在vue脚手架开发中如果前面不加路径就默认从核心模块引入，所以写路径前面要加./这个点斜杠代表当前目录下。
接口写好了吗·2022-11-27 12:55
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他