E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue学习
Vue路由模式
聚沙成塔·每天进步一点点本文内容⭐专栏简介路由模式1.Hash模式2.History模式选择路由模式的考虑因素⭐写在最后⭐专栏简介
Vue学习
之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!
几何心凉
·
2024-03-05 02:23
前端小常识
vue.js
前端
javascript
Vue的个人笔记
Vue学习
小tipsctrl+s---->运行alt+b链接插值表达式指令
Purple Coder
·
2024-02-20 11:51
笔记
vue学习
笔记
通常,使用VueCLI(Vue的命令行工具)来创建Vue.js项目会自动生成package.json文件。如果你没有使用VueCLI或者其他类似工具,那么可能需要手动创建这个文件。以下是一些建议的步骤,帮助你解决这个问题:确认你使用的是VueCLI:确保你使用的是VueCLI来创建项目。你可以通过运行vue--version来检查VueCLI是否已经安装以及安装的版本。使用VueCLI创建项目:如
北京理工大学软件工程
·
2024-02-20 06:42
vue.js
学习
笔记
【
Vue学习
笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通
1.1.2Vue作者1.1.3Vue的特点1.1.4
Vue学习
的JavaScript前备知识点1.1.5Vue使用指南1.1.6搭建Vue开发环境1.2初识Vue1.2.1Hello小实例1.2.2分析
丁咚Dingdong
·
2024-02-19 10:19
学习笔记
前端
Vue2.x
Vue3.0
Vue
Vue学习
笔记(三)常用指令、生命周期
Vue学习
笔记(三)常用指令vue指令:html标签上带有v-前缀的特殊属性,不同的指令具有不同的含义,可以实现不同的功能。
老李笔记
·
2024-02-14 21:24
vue
vue指令
vue生命周期
vue常用指令
vue学习
笔记
组件通信prop是用于父组件向子组件传递数据。$ref是父组件调用子组件的属性和方法。$emit是子组件告知父组件调用父组件的方法并可以从子组件传递参数到父组件。父组件(使用公共组件的地方)这是父组件importMyComponentfrom'@/components/my-component/my-component.vue';exportdefault{components:{MyCompon
张豆豆94
·
2024-02-12 23:53
【HBuilder学习篇】
前端
uni-app
vue
vue学习
的第一天小结
##Vue官网官网:https://cn.vuejs.org/命令行:https://cli.vuejs.org/zh/##Vue安装流程1.npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.npminstall-g@vue/cli-init#`vueinit`的运行效果将会跟`
[email protected]
`相同vueinitwebpackmy-project3
微文殇却卟丢气质
·
2024-02-12 08:49
VUE学习
——事件处理
事件分为内联事件和方法事件。我们可以使用【v-on】(简写:@)来处理。内联按钮按钮{{count}}方法
BUG批量生产者
·
2024-02-12 03:14
VUE
学习
vue.js
前端
vue学习
回顾第一天
为什么要学习vue为什么学习vue.png什么是mvvmMVVM.pngvue常用系统指令vue的使用Title{{message}}//2创建vue实例letvm=newVue({//3.通过el属性指定vue实例的监管范围,它的值是一个idel:"#app",//4data属性保存数据data:{message:"helloworld"}})插值表达式Title表达式{{name+"xin"}
xinhongwu
·
2024-02-11 14:40
Vue学习
——计算属性与监视属性
一、计算属性什么是计算属性定义:要用的属性不存在,需要用已存在的属性计算得来。原理:底层借助了Object.defineProperty提供的getter和setter。get函数什么时候执行(1)初次读取计算属性时(2)计算属性所依赖的数据发生变化时计算属性内部有缓存机制,效率更高。备注:(1)计算属性放在vm身上,直接读取使用即可(2)如果要对计算属性进行修改,需要配置set函数,并且要在se
王猪精也
·
2024-02-11 10:33
Vue学习笔记
vue.js
vue.js
javascript
Vue学习
——计算属性(17)
引入计算属性指通过一系列运算之后,最终得到一个属性值这个动态计算出来的属性值可以被模板结构或methods方法使用v-model进行双向绑定实现监听输入(即在开发者选项内能实时同步输入).number则是将输入的字符串全部转化为数字(这里是rgb需要)然后写一个box颜色的计算公式,也就是利用v-bind将输入实时显示在文字上(v-bind后面被vue认为是javascript)其中,${}是动态
Calendo
·
2024-02-11 10:32
Vue
vue.js
学习
前端
尚硅谷
Vue学习
——计算属性
1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了Pbject.defineproperty方法提供的getter和setter。3.get函数什么时候执行?初次读取时会执行一次。当依赖的数据产生变化时会再次调用4.优势:与methods方法相比,内部具有缓存的机制,效率更高,调试方便5.备注:计算属性最终会出现在vm上,直接读取使用即可。如果计算属性需要被修改,则必须去写s
才疏学浅的小缘同学
·
2024-02-11 10:02
Vue学习
vue.js
学习
前端
vue学习
笔记——计算属性传参
首先,计算属性,它是被当做属性来用的,一般不给它传参,直接接收它返回的值,但是有时候开发过程中不得不去传参来获取特定的值,可是直接往计算属性中传参根本没用,所以最后考虑到一个折中的办法,那就是返回一个回调函数,此时调用计算属性时给它传递的参数就到了回调函数中:computed:{showZT_top(){return(index)=>{returnindex*2}}}但是这样也是有弊端的,以返回函
小怪兽_v
·
2024-02-11 10:02
学习
Vue学习
——计算属性、监听属性、动画
Vue学习
——计算属性、监听属性、动画一、计算属性1.引入当模板不再是简要的声明式逻辑时,而是需要对其进行一些操作时会显得难以处理。因此,对于任何复杂逻辑,应当使用“计算属性”。
Elainerui
·
2024-02-11 10:32
动画
vue.js
javascript
VUE学习
——计算属性
{{name.length>0?true:false}}{{commputedValue}}exportdefault{data(){return{name:"vue"}},methods:{},computed:{commputedValue(){returnthis.name.length>0?true:false;}}}使用computed对象。在methods可实现相同的结果。
BUG批量生产者
·
2024-02-11 10:01
VUE
vue.js
学习
javascript
VUE学习
——事件参数
接前一节,事件绑定之后,我们需要传递参数。{{item}}exportdefault{data(){return{items:["明神","博子","饼子"]}},methods:{getNameHandler(msg,e){console.log(msg);e.target.innerHTML="name:"+msg;}}}这个的传递参数getNameHandler(msg,e),可以只传弟第一
BUG批量生产者
·
2024-02-11 10:01
VUE
vue.js
学习
javascript
VUE学习
——事件修饰符
阻止默认事件baidubaiduexportdefault{data(){return{}},methods:{onClickHandle(e){e.preventDefault();}}}其中e.preventDefault();,和@click.prevent作用一样。阻止冒泡事件父级和子级相互嵌套时,只触发子级,而不触发父级。.stopVUE官方文档
BUG批量生产者
·
2024-02-11 10:01
VUE
vue.js
学习
javascript
VUE学习
——数组变化侦测
官方文档变更方法:使用之后,ui可以直接发生改变。改变原数组替换数组:使用之后需要接受重新赋值,不然ui不发生改变。不改变原数组
BUG批量生产者
·
2024-02-11 10:31
VUE
学习
vue.js
前端
VUE学习
笔记 父子组件传值
父组件通过props向下传递数据给子组件;子组件通过events给父组件发送消息。子组件向父组件传值子组件使用this$emit('自定义事件名',要传送的数据)向父组件传递数据。1.template模块里面直接使用this$emit('自定义事件名',要传送的数据)2.事件里面使用this$emit,使代码结构更清晰//这是子组件editData.vue$emit('saveEdit',this
刀钝刃乏
·
2024-02-11 03:18
Vue学习
笔记5--前端工程化
前端工程化完整的基础篇笔记PDF下载,完全手打有用的话请给个赞呗Thanks♪(・ω・)ノ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义:把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,可以通过特定的接口公开内部成员,也可以依赖别的模块好处:方便代码重用,提升开发效率,方便后期维护浏览器端模块化规范AMD(Require.js)CMD(Sea.js)服务器端模块化规范Comm
UtilMan
·
2024-02-09 05:36
学习vue.config.js 结合 webpack
happyPack参考链接
vue学习
文章,
未来可期wlkq
·
2024-02-08 20:58
webpack
javascript
vue.js
vue学习
笔记
Vue1.webpack4配置文件consthtmlWebpackPlugin=require('html-webpack-plugin');constVueLoaderPlugin=require('vue-loader/lib/plugin');//打包提取cssconstExtractTextPlugin=require("extract-text-webpack-plugin");//混淆
-SkyBlue-
·
2024-02-07 13:59
vue学习
的第一步,vscode介绍及相关插件安装
1:vsvode简介VisualStudioCode(简称VSCode/VSC)是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持Win、Mac以及Linux。还有其几款ide,webstorm,Sublime,text3等,看
都是地址而已
·
2024-02-07 08:14
前端
vue.js
vue
vue学习
76-90
路由模块封装p76将路由模块抽离出来拆分模块,利于维护放到router文件夹要导入vue和导出router@是src,绝对路径声明式导航p77-79导航链接router-link取代了aherf,配置to属性指定路径(不用加#号)本质还是a标签但和a标签的区别是能高亮,默认就会提供高亮类名,可以直接设置高亮样式.appa.router-link-active{background-color:an
dundundunsis
·
2024-02-06 03:26
vue.js
学习
javascript
vue学习
16-30
vue/v-forp161.作用:基于数据循环,多次渲染整个元素(数据、对象、数字…)2.遍历数组语法:v-for=“(item,index)in数组”(item每一项,index下标)**数组多少个index多少项,index用不到的时候可以不写,写成(item)。只有一个东西的时候()都可以省去。3.省略:index:v-for=“itemin数组”{{item}}constapp=newVu
dundundunsis
·
2024-02-06 03:56
vue.js
学习
前端
vue学习
31-45
watch简写-语法p31作用:监视数据变化,执行一些业务逻辑或异步操作。语法:(1)简单写法-简单类型数据,直接监视(2)完整写法-添加额外配置项{{shand.obj}}constapp=newVue({el:'.app',data:{//obj:'sk'shand:{obj:'sdf',}},methods:{fn(){}},watch:{//obj(newvalue){//console.
dundundunsis
·
2024-02-06 03:56
vue.js
学习
前端
vue学习
p45-p60
scoped样式冲突p48默认情况:写在组件中的样式会全局生效-因此很容易造成多个组件之间的样式冲突问题。全局样式:默认组件中的样式会作用到全局局部样式:可以给组件加上scoped属性,可以让样式只作用于当前组件scoped原理:3.给当前组件模板的所有元素,都会被添加上一个自定义属性data-v-hash值4.css选择器后面,被自动处理,添加上了属性选择器data是一个函数p49一个组件的da
dundundunsis
·
2024-02-06 03:56
vue.js
学习
前端
vue学习
61-75
自定义指令-基础语法p61自定义指令:自己定义的指令,可以封装一些dom操作,拓展额外功能importVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=false//1.全局注册定义Vue.directive('focus',{//inserted会在指令所在的元素,被插入到页面中时触发inserted(el){//el就是指
dundundunsis
·
2024-02-06 03:56
vue.js
学习
javascript
vue学习
91-105
vue的基本认知p91创建一个空仓库p93vue路由vuex版本233344npm的vuex装包npminstallvuex--savevuex里有仓库,仓库放vuex核心代码,所有组件都能访问到conststore=newVuex.Store()//访问storedthis.$store如何提供$访问vuex的数据p94核心概念-state状态提供数据如何使用(1)通过store直接访问(2)通
dundundunsis
·
2024-02-06 03:25
vue.js
学习
前端
前端框架
Vue学习
(2)指令修饰符,计算属性,watch监听器
目录指令修饰符v-bind对于样式控制的增强对于类的增强-操作class对于样式的增强-操作stylev-model应用于其他表单元素计算属性概念:语法:computed计算属性和methods方法的区别computed计算属性:语法:缓存特性(提升性能):mehods方法:语法:计算属性完整写法watch侦听器(监视器)语法:指令修饰符通过"."指明一些指令后缀,不同后缀封装了不同的处理操作->
Flyoungbuhu
·
2024-02-05 16:59
vue.js
前端框架
学习
Vue学习
笔记:计算属性
计算属性入门进阶二次进阶三次进阶四次进阶结界五次进阶六次进阶七次进阶八次进阶九次进阶终章彩蛋入门Vue.js中,计算属性示例:exportdefault{data(){return{firstName:'John',lastName:'Doe'};},computed:{//计算属性:全名fullName(){returnthis.firstName+''+this.lastName;}}}在这个
HadesNyx
·
2024-02-05 15:20
vue.js
学习
笔记
vue学习
(15)watch和computed
姓名案例_watch实现姓:名:姓名:{{fullName}}Vue.config.procuctionTip=false;constvm=newVue({el:'#root',data:{firstName:'张',lastName:'三',fullName:'张-三'},computed:{//fullName(){//returnthis.firstName+'-'+this.lastNam
哆啦C梦的百宝箱
·
2024-02-05 14:34
Vue学习
笔记之组件基础
1、组件的定义一般将Vue组件定义在一个单独的.vue文件中,称做单文件组件;当然也可以将组件直接定义在js文件中,如下js代码,定义一个组件BlogPost,通过props定义对外暴露属性title,父组件传递title,子组件根据title渲染html内容。exportdefault{props:['title'],template:`{{title}}`}2、组件的使用首先需要引用组件,语法
Three Big Stones
·
2024-02-05 09:30
vue.js
学习
笔记
vue学习
笔记之项目工程化开发
一:介绍及使用:二:脚手架目录文件介绍:三:项目运行流程:3.1main.js文件和App.vue文件之间的关系:main.js文件:main.js是Vue项目的主入口文件,负责初始化Vue应用并挂载根组件。在main.js中,首先会引入Vue库,并创建一个Vue实例。通过newVue()可以传入一个配置对象,其中可以指定挂载的DOM元素、路由、状态管理等。在创建Vue实例时,通过render函数
我真卷不动啦。。。
·
2024-02-05 01:03
vue学习笔记
学习
笔记
vue学习
——集成sass
安装pnpmisasssass-loader-D在vite.config.ts文件配置:exportdefaultdefineConfig({css:{preprocessorOptions:{scss:{javascriptEnabled:true,additionalData:'@import"./src/styles/variable.scss";',},},},}}创建三个文件src/st
可乐KL
·
2024-02-04 12:49
vue3
学习
sass
vue3
Vue学习
笔记
目录1.Object.defineProperty()2.计算属性3.监视属性4.computed和watch的区别5.双向数据绑定6._el和data的俩种写法7.事件修饰符8.键盘事件9.条件渲染10.列表过滤11.过滤器12.常用指令13.生命周期14.组件15.ref属性16.props配置17.mixin属性18.vue中的插件19.WebStorage20.消息的发布与订阅20.Vue
沈姐姐~
·
2024-02-03 19:11
vue
vue.js
学习
前端
vue学习
-模板引用
模板引用ref,获得dom元素实例,可以进行一些操作this.$refs.input.focus()也可以加在子组件上,调用子组件的methods,修改子组件的datadata(){return{refName:"childComponent",};},mounted(){this.$refs.childComponent.log();this.$refs.childComponent.data=
Rulelur
·
2024-02-03 19:08
vue学习
vue.js
前端
javascript
Vue学习
笔记之模板引用
1、添加模板引用对DOM元素添加引用,语法格式,则在DOM元素挂载成功后,可以通过this.$refs.input的语法形式访问引用的input元素。2、v-for中的模板引用对列表元素添加引用,语法格式{{item}},则在DOM元素挂载成功后,可以通过this.$refs.items的语法形式访问所有的li元素。3、函数模板引用可以对DOM元素添加函数模板引用,则在组件每次更新时自动触发函数执
Three Big Stones
·
2024-02-03 19:37
vue.js
学习
笔记
【前端】
Vue学习
笔记
loader版本"less":"^4.0.0","less-loader":"^7.0.0",(8以下均可)常见问题组件不显示1.template中的内容必须包含在一个div中。2.组件名称渲染时不可为HTML标签,例如header、footer等等如需使用,只要和标签名不一样就行,比如Header、Footer等等快捷键1.vdatadata(){return{key:value}},2.vco
myaijarvis
·
2024-02-03 17:45
前端
vue
vue
Vue学习
笔记14 --自定义hook函数/toRef/provide/inject等
9.自定义hook函数什么是hook?——本质是一个函数,把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用:创建一个ref对象,其value值指向另一个对象中的某个属性。语法:constname=toRef(person,'name')应用:要将响应式对象中的某个属
jxncxgx
·
2024-02-03 14:30
Vue
前端
vue.js
学习
笔记
Vue 学习笔记 -- 5. vue-router
Vue学习
笔记–5.vue-router5.vue-router一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。
lingchen0522
·
2024-02-03 12:54
Vue
学习之路
vue.js
前端
vue学习
笔记
vue学习
笔记vue框架介绍Vue.js(读音/vju:/,发音类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。
zyl熬夜之路
·
2024-02-03 02:30
vue笔记
vue.js
学习
笔记
Vue学习
笔记六
前端工程化一、模块化相关规范1.模块化概述传统开发模式的主要问题①命名冲突②文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护2.浏览器端模块化规范1.AMDRequire.js(http://www.requirejs.cn
神里の凌华
·
2024-02-03 02:00
vue.js
学习
javascript
Vue学习
笔记:将数组数据使用Excel表格导出
Vue学习
笔记:将数组数据使用Excel表格导出需求:数组数据使用Excel导出第一步:下载依赖命令行:npmixlsx第二步:建立下载公共jssrc下建立文件夹utils后建立data2Excel.js
前端互助会
·
2024-02-03 02:28
Vue学习笔记
vue
excel
前端
Vue学习
笔记(一)
备注:为了毕设紧急学习的个人笔记,不是为了总结分享···es6模块化每个js都是独立的模块,import导入其他模块成员,export向外共享模块成员【附上b站vue视频的具体位置】铺垫知识-03.ES6模块化-默认导...P230-00:16·模块化语法1.默认导出:exportdefault,里面的才是能从外头访问到的成员→每个模块只能有一次exportdefault!!!2.默认导入:i
fancy努力闯关
·
2024-02-03 02:58
为毕设拼命
vue.js
学习
javascript
ecmascript
Vue 学习笔记
Vue学习
笔记1前端工程化与webpack1.1前端工程化1.1.1实际的开发模块化(js的模块化、css的模块化、资源的模块化)组件化(复用现有的UI结构、样式、行为)规范化(目录结构的划分、编码规范化
称霸幼儿园18
·
2024-02-03 02:56
Vue
vue.js
学习
javascript
Vue学习
笔记(一)JS导入导出
Vue学习
笔记(一)JS导入导出js文件-导出、批量导出、默认导出showMessage.jsexportfunctionsimpleMessage(msg){console.log(msg);}exportfunctioncomplexMessage
老李笔记
·
2024-02-03 02:55
js导入导出
vue学习笔记
Vue组件之间的样式冲突问题【
Vue学习
笔记12】
1.组件之间的样式冲突问题默认情况下,写在.vue组件中的样式会全局生效,因此很容易造成多个组件之间的样式冲突问题。导致组件之间样式冲突的根本原因是:(1)单页面应用程序中,所有组件的DOM结构,都是基于唯一的index.html页面进行呈现的;(2)每个组件中的样式,都会影响整个index.html页面中的DOM元素。1.1思考:如何解决组件样式冲突的问题为每个组件分配唯一的自定义属性,在编写组
扶得一人醉如苏沐晨
·
2024-02-01 21:58
Vue学习
之vue基础学习1
Vue学习
之vue基础学习1下文将简述vue的基础知识包括声明式渲染、Attribute绑定、事件监听、表单绑定、条件渲染几个部分。
ciku
·
2024-02-01 20:09
Vue学习
vue.js
学习
javascript
Vue学习
之使用HBuilderX创建并使用vue3.0项目
Vue学习
之使用HBuilderX创建并使用vue3.0项目下文将简述如何使用HBuilderX创建并使用vue3.0项目,包含项目创建、目录介绍、如何引用组件、首页自定义设置。
ciku
·
2024-02-01 20:08
Vue学习
vue.js
学习
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他