vue学习

【DAY42】vue学习

constroutes=[{path:‘/foo’,component:Foo},{path:‘/bar’,component:Bar}]定义路由的作用是什么constroutes定义路由的作用是将每一个URL请求映射到一个组件，其中path表示请求的URL，component表示对应的组件。通过constroutes所定义的路由映射关系，可以让Vue应用能够响应浏览器地址栏中的URL变化，将对应
qq_42775808·2023-04-20 03:18

Vue学习之Vue的生命周期详细解释

Vue学习之Vue的生命周期详细解释概览详细解释每个生命周期的应用beforeCreate(创建前)created(创建后)beforeMount(挂载前)mounted(挂载后)beforeUpdate
five-five·2023-04-20 02:18

Vue学习之VueRouter的路由钩子使用

Vue学习之VueRouter的路由钩子使用前言概述路由钩子函数全局路由守卫详细说明beforeEach：全局前置守卫afterEach：全局后置钩子beforeEnter：路由独享的守卫beforeRouteUpdate
five-five·2023-04-20 02:47

vue学习

1、vue快速上手代码例子欢迎学习vue.js我叫{{name}}，微信{{wechat}}//创建vue对象varapp=newVue({el:'#app',data:{name:'xiaoming',wechat:'xiaoming123456'},methods:{clickMe:function(){this.name='alex';this.wechat='alex123456'}}})
水煮小猫钓鱼·2023-04-19 17:10

关于vue学习过程中遇到的大问题！！4/19

近期不参加面试了：针对问题就去解决问题。不要发现问题了，不去解决就空焦虑（1）针对vue相当于没有系统学过这件事：需要重新花时间补习【最全最新Vue、Vuejs教程，从入门到精通】https://www.bilibili.com/video/BV15741177Eh/?p=101&share_source=copy_web&vd_source=011d4ea3d9ec16c7445c65e3d81
不拿Offer不改名·2023-04-19 16:49

Vue学习笔记（一）

一、声明式渲染声明式的将数据渲染进入DOM，通过名称app将VUe实例和div绑定起来，div中的message值跟随Vue实例中的数据message动态变化：即Vue控制Domhtml:{{message}}javascript:varapp=newVue({el:'#app',data:{message:'HelloWorld!'}})测试：进入控制台，修改message的值，页面中显示的me
CoderAPang·2023-04-19 00:18

vue学习部分代码--笔记5 收集表单数据 过滤器

收集表单数据：若：账号：密码：年龄：性别：男女爱好：学习打游戏吃饭所属校区请选择校区北京上海深圳武汉其他信息：阅读并接受《用户协议》提交newVue({el:'#root',data:{userInfo:{account:'',password:'',age:18,sex:'female',hobby:[],city:'beijing',other:'',agree:''}},methods:{d
tmmi·2023-04-18 03:31

Vue学习笔记（6. 组件之间传值）

1.组件基本语法(1)template(2)script(3)style2.父组件传值，子组件接值(1)父组件传值给子组件(2)子组件接收父组件的传值（随时接收）子组件的值会随着父组件值的变更而变更。但是子组件变更，不会影响父组件的数据。(3)子组件接收父组件的传值（只在初期接收一次）初期化接收参数。子组件的值不随着父组件值的变更而变更。子组件可以监听自己的数据。3.子组件传值，父组件接值(1)子
凯尔萨厮·2023-04-18 02:26

Vue学习笔记（4. 生命周期）

1.生命周期写法（vue2与vue3比对）创建前：vue3setup,vue2beforeCreate//组件创建前执行的函数创建后：vue3setup,vue2created//组件创建后执行的函数挂载前：vue3onBeforeMount,vue2beforeMount//挂载数据前执行的函数挂载后：vue3onMounted,vue2mounted//挂载数据后执行的函数更新前：vue3on
凯尔萨厮·2023-04-18 02:55

Vue学习笔记（5. 计算属性，监视器(侦听器)）

1.计算属性（computed）(1)get方式初期显示改变值后（hello->hello1）计算属性allStr跟随变更(2)getset方式页面初期显示改变值（hello->hello1）计算属性的get会监控到变更，使fullStr跟随变更改变计算属性（helloworld->helloworld3）set会监控到计算属性变更，做相应处理。2.监视器，侦听器（watch）(1).监听值组件初
凯尔萨厮·2023-04-18 02:55

Vue学习笔记（7. axios异步请求）

1.axios请求方式方式1：axios({method:"GET",url:"..."})方式2：axios({method:"POST",url:"...",data:"..."})方式3：axios.get("url...")方式4：axios.post("url...","data...")2.安装axios命令：npminstallaxios3.安装querystring命令：npmin
凯尔萨厮·2023-04-18 02:54

web学习---Vue---笔记（1）

该笔记是记录尚硅谷的Vue学习视频的笔记，视频地址为：学习视频地址初始VueVue组件化的特点组件化声明式编码虚拟DOM+Diff算法，尽量复用DOM节点H5的组件，是把某一个模块封装，里面写HTML\
AsiaSun.·2023-04-18 01:03

vue.js 学习笔记

vue学习官网初步学习1、vue基础1.1vue简介1.2第一个vue程序1.3el挂载点1.4data：数据对象2、Vue指令2.1v-text指令2.2v-html指令2.3v-on指令基础2.4v-show
sunshine~~~·2023-04-17 18:20

前后端分离开发Springboot+VUE学习笔记

学习内容视频来源：传送门vue的配置与安装：参考文档目录前后端分离实现技术创建vue项目在idea中打开新建页面创建SpringBoot应用创建实体对象与数据库表元素绑定创建实体类接口前端调用数据跨域传输在springboot中解决总结前后端分离前后端分离就是将一个应用的前端和后端代码分开写，为何如此？如果不使用前后端分离，会有什么问题？传统JavaWeb开发过程中，前端使用JSP开发，流程为前端
makerjack001·2023-04-17 16:40

Vue学习--黑马电商管理系统

关于phpStudy无法启动，从而导入mydb.sql数据库文件失败的解决方案：使用Navicat来导入mydb.sql数据库文件，具体步骤为：（1）新建数据库（2）在mydb上右键，选择运行SQL文件导入，选择要导入的mydb.sql文件，进行导入。2.在vue_api_server文件夹下按住shift鼠标单击右键，在此处打开powershell窗口，执行nodeapp.js命令，运行报错：原
TinyWu369·2023-04-16 14:08

Vue脚手架+Django+DRF+Docker+gitee+postgis开发笔记

1.参考资料的位置模块资料位置Vue基础文档：/Users/cocytus/Desktop/平台建设/开发/Vue/VUE基础.md案例：/Users/cocytus/vueProjects/vue学习
Cocytus233·2023-04-16 13:48

Vue学习笔记-身份证规则校验

//身份证验证Vue.prototype.$checkIdCard=function(idCard){let_this=this;letbbd='';//出生日期letsex='';//性别letcanPass=true;idCard=idCard.toUpperCase();//转大写letlen=idCard.length;letcity={11:"北京",12:"天津",13:"河北",14
赵客缦胡缨v吴钩霜雪明·2023-04-16 00:40

vue学习笔记-- component组件的使用和传值

定义为了拆分vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要功能，就可以去调用对应的组件；组件化和模块化的区别：1、模块化：是从代码逻辑的角度进行划分的；2、组件化：是从UI界面的角度进行划分的；方便ui组件的重用；方式1使用过程：使用vue.extend来创建全局的vue组件（通过template属性，指定了组件要展示的html结构）使用vue.component(‘组
watson_pillow·2023-04-15 20:10

Vue学习笔记之四Vue的Ajax请求

4.Vue的Ajax请求4.1Vue-resource插件介绍下载地址：https://github.com/pagekit/vue-resource/blob/develop/docs/http.md$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。另外，vue-resource还提供了非常有用的inteceptor功能，使用inte
聽見下雨的_聲音·2023-04-15 20:02

前端VSCode常用插件安装和使用

因为有些插件会到vue学习的时候引起冲突，所以这里介绍几个常用的插件。Chinese(Simplified)汉化AutoRenameTagOneDarkPro颜色主题格式化代
乐枫飘零·2023-04-15 20:06

Vue学习案例：数据通信-子传父（自定义事件）

Document{{itme.name}}//子组件constcpn={template:"#cpn",data(){return{categories:[{id:"aaa",name:"热门推荐"},{id:"bbb",name:"家用家电"},{id:"ccc",name:"手机数码"},],};},methods:{btnClick(itme){//发射事件：自定义事件(自定义事件名称，自定
Sakaiu2·2023-04-15 11:39

Vue学习-计算属性和侦听器

Vue学习-计算属性和侦听器一、计算属性（computed）1、计算属性的定义和原理1、定义：要用的属性不存在，要通过已有属性计算得来。
人道逍遥·2023-04-15 08:20

Vue学习-Vue入门

Vue学习一、Vue入门1、引入VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
人道逍遥·2023-04-15 08:50

Vue学习笔记[03]-计算属性和方法

什么是vue的方法vue的方法和之前的el,data一样,是vue实例的options参数,可以随vue的实例构造传入.下面是两个例子介绍了methods的基本用法:clickme{{counter}}times!letvm=newVue({el:'#app',data:{counter:0,}})在上一个例子中,我们没有使用methodsoptions,因为我们的事件处理足够简单,基于vue的响
神楽花菜·2023-04-14 22:25

Vue入门以及插值表达式介绍

两年前大二时候一个人开发网站用的jspjquery,前后端一起的但是现在流行前后端分离,而且这技术确实不错,早就准备学一下的,这里做毕业设计需要,所以现在就重新学一下vue,这里记录一下我的vue学习.
名字是乱打的·2023-04-14 17:02

vue学习笔记-6-样式绑定

一，通过标识位来控制class的样式是否启用[v-cloak]{display:none}#app{width:20%;margin:200pxauto;line-height:40px;border:1pxsolid#ccc;padding:10px;}.active{height:50px;width:100;background:red;}样式是否启用的切换varvm=newVue({el:
笑道三千·2023-04-14 17:37

python vue admin_Vue学习笔记-vue-element-admin 前端学习

├──build#构建相关├──mock#项目mock模拟数据├──plop-templates#基本模板├──public#静态资源││──favicon.ico#favicon图标│└──index.html#html模板├──src#源代码@路径│├──api#所有请求│├──assets#主题字体等静态资源│├──components#全局公用组件│├──directive#全局指令│├─
weixin_39719018·2023-04-14 17:07

vue :class 动态绑定样式_VUE学习笔记----day1

MVVM结构在MVVM中View和Model是不可以直接进行通信的，它们之间存在这ViewModel这个中介充当着观察者的角色。当用户操作View，ViewModel感知到变化，然后通知Model发生相应改变，反之亦然。ViewModel向上与视图层View进行双向数据绑定，向下与Model通过接口请求进行数据交互，起到承上启下的作用。VUE的实现MVVM方式数据监听器Observer将普通的JS
weixin_39801356·2023-04-14 17:07

vue学习笔记10-绑定样式

绑定样式：1.class样式写法:class="xxx"xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。2.style样式不多用:style="{fontSize:xxx}"其中xxx是动态值。:style="[a,b]"其中a、b是样式对象。更
lazy91·2023-04-14 17:05

Vue学习笔记---------Vue入门（二）

Vue学习笔记---------Vue入门（二）计算属性(computed)定义：要用的属性不存在，要通过已有的属性计算得来原理：底层借助了Object.defineProperty方法提供的getter
神秘的帅哥·2023-04-14 17:35

Vue学习笔记-样式绑定

{{name}}{{name}}{{name}}点我改变背景颜色Vue.config.productionTip=false;newVue({el:'#box1',data:{name:'hellowworld!',classObj:{color2:false,r:true,},styleObj:{fontSize:'40px'}}})constvm=newVue({data:{name:'hel
printf_________·2023-04-14 17:32

vue学习笔记-绑定属性 绑定class及style（2）

vue学习之绑定属性绑定class及style绑定属性：鼠标移上去看看鼠标移上去看看{{msg}}exportdefault{name:'app',data(){return{msg:'我是绑定的text
键指江湖·2023-04-14 17:57

vue学习笔记--绑定样式

1.绑定class样式--字符串写法{{name}}2.绑定class样式--数组写法{{name}}3.绑定class样式--对象写法{{name}}4.绑定style样式--对象写法{{name}}5.绑定style样式--数组写法{{name}}{{name}}{{name}}{{name}}{{name}}{{name}}Vue.config.productionTip=false;//阻
清浅九天·2023-04-14 17:57

Vue学习笔记-项目开发2.1轮播图插件 vue-awesome-swiper的使用

1、vue-awesome-swiper组件的安装：npminstallvue-awesome-swiper--save如果指定版本号：[email protected]、vue-awesome-swiper的官网：https://github.com/surmon-china/vue-awesome-swiper3、使用vue-awsome-swi
Kasey_L·2023-04-14 17:25

Vue学习（二十一）——侦听器

目录一、侦听器的基本用法二、侦听器的应用场景一、侦听器的基本用法数据变化时执行异步或开销较大的操作。下面这个例子我们就可以使用侦听器来完成，很简单，就是名和姓的输入框的值发生改变的时候，全名也会发生变化。代码如下：Document名：姓：{{fullName}}/*侦听器*/varvm=newVue({el:'#app',data:{firstName:'Jim',lastName:'Green'
云中、漫步·2023-04-13 13:40

Vue学习总结——侦听器和计算属性

前面学习我们知道可以通过插值表达式渲染页面姓名：{{name}}年龄：{{age}}varvue=newVue({el:'#app',data:{name:'小明',age:18,looks：'handsome'}})可如果需要在页面的多个地方渲染该信息，频繁使用插值表达式未免使代码太过冗余，所以我们可以通过函数的方式{{showMessage()}}{{looks}}varapp=newVue(
soEzLife·2023-04-13 13:04

vue学习之VueRouter 路由

文章目录vuerouter1、认识路由的概念1.1、何为路由1.2、后端路由阶段1.3、前端路由阶段1.4、前端渲染和后端渲染？2、前端路由的规则2.1、URL的hash方式2.2、HTML5的history模式3、route-view的基础3.1认识vue-router3.2、安装和使用vue-router3.3、路由的默认路径3.4、HTML5的history模式3.5、router-link
geekmice·2023-04-13 11:26

Vue学习

一、Vue创建vue2.0vue3.0mount挂载应用，应用实例必须在调用了.mount()方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的DOM元素或是一个CSS选择器字符串Vue的两个特性:vue实例中this指向：-this就是当前实例化出来的vue对象(vue实例)-vue构造函数内部解析时会把data、methods等中的值直接设置给这个实例化出来的vue实例对象-最终
sukaiy·2023-04-13 06:38

Vue学习：Vue.js安装教程

声明本人也在不断的学习和积累中，文章中有不足和误导的地方还请见谅，可以给我留言指正。希望和大家共同进步，共建和谐学习环境。一、独立版本在页面上直接用script标签引入即可Vue.js下载地址二、CDN方法下面推荐几个CDN，但是还是建议使用独立版本。BootCDN（国内）:https://cdn.bootcss.com/vue/2.2.2/vue.min.jsunpkg：https://unpk
咆哮小狮子·2023-04-13 01:44

Vue学习杂记（一）——Vue语义（真杂记）

Vue学习杂记（一）——基础Vue语义    引言：最近感觉写代码动力不足，觉得自己有点一直很憨的写代码了，因此决定好好学一下Vue，将之前没有掌握的一下关于Vue2.0的细节巩固一下。
凌空暗羽·2023-04-12 23:00

动力节点——HTML·个人笔记

欢迎留言学习Vue学习课程）1.基础概念网页三剑客：Dreamweaver负责代码编辑和网页界面搭建；Fireworks负责导出切片、图片；Flash页面的视觉动效；系统结构：系统结构优缺点代表B/S架构
Ghost Worker·2023-04-12 23:59

VUE学习(六)、vue 监测数据改变原理

VUE学习(六)、vue监测数据改变原理监视：1、vue默认的监视2、vue提供给程序员操作的watch属性1、数据更新中的一个问题在进行数据更新时：人员列表更新马冬梅的信息{{p.name}}-{{p.age
心醉瑶瑾前·2023-04-12 10:07

vue学习笔记（二）

（一）中主要介绍了vue.js的v-xxx指令，这次最主要学习vue中的核心组件构成组件必须是挂载在某个元素下才能被渲染的。整个组件使用的过程大概是这样：使用Vue.extend()组件构造器来构造组件->使用Vue.component(param1,param2)来注册组件->实例化newVue（）挂载组件。有时候我们直接在Vue.component中创建组件构造器。【这是一种语法糖】代码如下如
841只·2023-04-11 22:28

vue常用指令用法汇总，过滤器 自定义修饰符及指令

经过一段时间的vue学习，一次文章做个汇总。
黑白极客·2023-04-11 16:58

vue学习 --- 第十一天 Composition API

目录：1、computed函数使用2、组件的生命周期函数3、Provide/Inject使用4、watch/watchEffect5、自定义Hook练习6、scriptsetup语法糖一、computed函数使用注意：（1）computed设置的变量也是具有响应式的，就是说想改变值的时候需要使用.value来改变值。注意：（1）过去我们是这样子获取元素的（2）需要在setup里面获取元素，需要通过
木公176·2023-04-11 14:10

vue学习 --- 第六天

目录：1、vue组件化开发思想2、注册vue的全局组件3、注册vue的局部组件4、vue的开发模式解析5、vuecli安装和使用6、vue的项目目录分析7、jsconfig.json的作用8、引入vue的版本9、补充：单文件vuestyle是有自己的作用域10、补充：vite创建一个vue项目一、vue组件化开发思想二、注册vue的全局组件注意：（1）一个对象就是一个组件。组件对象里面有许多opt
木公176·2023-04-11 14:10

【笔记整理】Vue Router路由管理器详解（尚硅谷vue学习资料总结）

VueRouter路由管理器相关理解vue-router的理解vue的一个插件库，专门用来实现SPA应用对SPA应用的理解单页Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取路由的理解什么是路由?一个路由就是一组映射关系（key-value）key为路径，value可能
fangyuan__·2023-04-11 08:12

Vue学习笔记[13]-使用vue-router

在使用vuecli创建项目时可以添加vue-router,或使用npm安装vue-router配置路由跳转://./src/router/index.js//1.导入importVuefrom'vue'importVueRouterfrom'vue-router'//导入组件importHomefrom'../components/Home'importAboutfrom'../component
神楽花菜·2023-04-10 12:49

Vue学习笔记 —— node.js与vue脚手架安装

nodejs简介：Node.js是一个开源与跨平台的JavaScript运行时环境。JavaScript程序可以运行在浏览器中JavaScript程序可以运行在Node.js环境中Node.js在浏览器外运行的。安装Vue脚手架需要先安装Node.js(安装好了的不要随意卸载Nodejs)安装Node.js:win+r输入cmd或者在我的电脑打开cmd下载Node.js：（找到与自己电脑对应的）中
莫非C·2023-04-10 10:05

vue 学习 01 —— 基本语法

系列文章vue学习01——基本语法vue学习02——vue-cli项目、Webpack、vue-routervue学习03——ElementUI文章目录系列文章一、概述二、第一个Vue程序三、Vue基本语法
老板来碗小面加蛋~·2023-04-10 10:02
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他