Vue
文章平均质量分 66
Vue学习
Archie_java
求知若饥,虚心若愚(stay hungry,stay foolish)
好记性不如烂笔头
展开
-
Vue2和Vue3的区别(由浅入深)
vue2和vu3之前的区别,一直以来是面试必考题目,如何回答,回答的层次决定了面试者的对于vue2,3的理解,以及对于vue3目前稳定版本发展的方向的了解,即考察使用程度,又考察了学习能力,可以说是回答即可以很简单,也可以很不简单,这里需要注意的是面试官的面试程度,需要我们层层递进,由浅入深来回答,这样可以体现出面试者的考虑全面,又能体现知识广度。简而言之,vue2升级vue3之后变得更快,更轻,协作更方便。无论对于我们开发者的体验或者用户使用方面都是升级优化,但是本质区别是什么,下面分为几个部分进行讲解。原创 2023-10-29 22:42:48 · 125 阅读 · 0 评论 -
为什么vue前端项目要使用Nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。原创 2023-10-29 22:26:33 · 1261 阅读 · 0 评论 -
Vue学习笔记(尚硅谷天禹老师)
效果:注意:效果:总结:Vue模板语法包括两大类:效果:总结:总结:el有2种写法:data有2种写法:效果:总结:总结:效果:总结:效果:总结:Vue中的事件修饰符:效果:总结:Vue中常用的按键别名:注意:效果:总结:1.10. 监视属性1.10.1. 监视属性基本用法效果:总结:监视属性watch:1.10.2. 深度监视效果:总结:如果监视属性除了handler没有其他配置项的话,可以进行简写。1.10.4. 监听属性 VS 计算属性使用计算属性:使用监听属性:原创 2023-10-29 17:01:48 · 250 阅读 · 0 评论 -
Vue中嵌入html页面并相互通信
可以通过将src中修改需要展示的页面地址,这样做的好处是vue与iframe之间不需要通信,与后端的通信可以直接通过js发请求与后端进行交互。转载 2022-09-21 23:47:24 · 9873 阅读 · 1 评论 -
VUE学习笔记详细
理解为一般函数去掉function关键字再在参数和函数语句块中间加上=>如果只有一个参数,可以去掉括号(注意没有参数时也要加上()占位)如果只有一条返回语句,可以再去掉return和{ }箭头函数在返回对象时必须在对象外层多加一个()this 与普通函数的this不同, 普通函数谁调用这个函数,this就是指向谁 箭头函数没有自己的this,它的this继承于父级, 也就是箭头函数的this指向箭头函数所处对象1.4、数组新增的高级方法filter()map()reduce()原创 2022-07-19 00:05:37 · 1577 阅读 · 0 评论 -
axios和ajax的区别是什么
axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样,简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。异步的javascript和xml,ajax不是一门新技术,而是多种技术的组合,用于快速的创建动态页面,能够实现无刷新更新数据从而提高用户体验。axios和jQuerajax都是对Ajax的封装。...原创 2022-07-18 23:43:28 · 3275 阅读 · 0 评论 -
Vue this.$refs的作用
代码】Vuethis.$refs的作用。原创 2022-07-16 12:39:46 · 603 阅读 · 1 评论 -
Vue中npm run dev 和 npm run serve区别
在运行vue文件时,需要进行npm操作,但我们发现,有时候用的是npm run serve,而有的时候用的是npm run dev,二者有什么区别在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错:然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别,这时我们就打开 package.json 文件,观察这段代码:可以把这个 npm run serve 当做是 npm run package.jso原创 2022-06-25 18:11:05 · 1973 阅读 · 2 评论 -
Vue打包并发布项目
一、 打包vue项目步骤:1、对当前vue项目进行打包的命令如下:npm run build2、打包完成,会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图:二、 使用静态服务器工具包发布打包的vue项目1、首先安装全局的serve,如下图:命令如下:serve + 打包文件名serve dist 效果图如下:3、使用浏览器访问上图中输出的地址,效果图如下:三、 使用动态 web 服务器(tomcat)发布打包的vue项目原创 2022-05-11 23:38:32 · 10052 阅读 · 0 评论 -
jQuery ajax读取本地json文件_jQuery请求本地JSON文件,在谷歌浏览器运行时报跨域错误_Vscode使用Live Server
json文件{ "first":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"王武","sex":"男"}, {"name":"李梅","sex":"女"} ]}js方法一:$.ajax({ url: "ceshi.json",//json文件位置 type: "GET",//请求方式为get dataType: "json原创 2022-05-11 23:19:30 · 3186 阅读 · 0 评论 -
You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore...
vue没写什么爆红错误原因ESLint] 对语法的要求过于严格导致编译的时候报上图那些错误。要知道,这并不是代码有异常,而是代码格式有问题,这些错误并不会影响代码的执行结果。解决方法很简单,既然是ESLint 语法错误,那就取消ESLint验证规则。当项目并不存在build文件夹,即不属于vue脚手架工程,那请到根目录下 config文件夹下的index.js文件,将useEslint属性设置为false。然后重新启动就好啦...转载 2022-05-06 23:43:45 · 821 阅读 · 0 评论 -
vue项目配置打包测试环境/生产环境
vue项目配置打包测试环境/生产环境:开发环境运行命令:npm run serve生产环境打包命令:npm run pro测试环境打包命令:npm run build步骤:1.项目中添加一个配置ip的js文件,比如如下的ip-config.js(位置不重要)2.在生成axios实例的时候引入,封装baseUrl3.在main.js中全局引入封装号的axiosimport http from "@/utils/request";Vue.prototype.$http = http;转载 2022-05-05 22:54:07 · 1974 阅读 · 0 评论 -
vue项目打包后部署到服务器(超详细步骤)
耽误了几天, 终于开始写第二篇博客了, 这篇会讲怎么将vue项目打包部署到服务器, 其实和上一篇的uni-app步骤一样的, 就是最后多了一步修改nginx配置, 好 , 上操作一 ,打包项目vscode下载链接:https://pan.baidu.com/s/1ibHt7XB6EZy37BDb1CigWw提取码:69r11 , vscode打开你的vue项目 – > 点终端 - > 新终端 - >输入npm run build 按回车 , 显示正在打包…稍等一会2 , 打包成转载 2022-05-05 22:51:42 · 6451 阅读 · 0 评论 -
网页前端(Html)video播放m3u8(HLS)&Vue使用video.js播放m3u8
网页前端(Html)video播放m3u8(HLS)HLS (HTTP Live Streaming)是Apple公司研发的流媒体传输技术,包括一个m3u8的索引文件、多个ts分片文件和key加密串文件。这项技术主要应用于点播和直播领域。开源JS库(Github):【video.js】https://github.com/videojs/videojs-contrib-hls【hls.js】https://github.com/video-dev/hls.js/腾讯视频SDK(TCPlayerLi原创 2022-04-04 19:04:47 · 10823 阅读 · 0 评论 -
如何将vue项目打包为.apk文件
说明:使用Vue.js开发完毕的app一般不作处理的话,就只能在浏览器上做为Webapp使用。如果需要将它安装到安卓手机上就需要打包为.apk文件了。前提:安装HBuilderX具体步骤:1.在vue项目中找到config/build.js2.找到build下的assetsPublicPath属性: 改变 ‘/’, 为’./’ (ps:加个点)3.在终端执行**npm run build**命令打包,产生dist文件夹(这里就是整个项目的所有功能)4.打开HBuilderX,新建项目,选择 5原创 2021-12-29 23:42:10 · 3474 阅读 · 0 评论 -
vue学习笔记(超详细)
文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / methods区别fulters过滤器三. 组件化开发组件的基本介绍注册组件的基本步骤全局原创 2021-12-13 23:58:00 · 737 阅读 · 0 评论 -
npm的镜像替换淘宝
1.得到原本的镜像地址npm get registry > https://registry.npmjs.org/2.设成淘宝的npm config set registry http://registry.npm.taobao.org/yarn config set registry http://registry.npm.taobao.org/3.换成原来的npm config set registry https://registry.npmjs.org/...原创 2021-11-27 11:25:31 · 596 阅读 · 0 评论 -
Module build failed: Error: Cannot find module ‘node-sass‘ Require stack报错解决
Module build failed: Error: Cannot find module ‘node-sass’ Require stack报错解决异常信息解决方法设置用淘宝镜像下载npm install --save-dev node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mi原创 2021-11-27 11:21:57 · 771 阅读 · 0 评论 -
Vue 进阶组件实战应用 -- 父子组件传值的应用实例(子父组件传值的两种触发方式)
基础的子组件和父组件通信已经搞定了,可以看此博客 父子组件传值基础应用需求现在需求是在一个父页面引用子组件,不只是要实现基本的父子组件传值。并且子组件给父组件传值的触发条件要在父页面触发。目前小编采用的方式是使用ref 属性+this.emit 方法 ,在父页面调用子页面的方法结合this.emit方法实现。在父页面调用子页面的方法并且把子页面里的值通过父页面的自定义事件传递到父页面。注意:先新建子页面,然后进行父子传值,在父页面注册子页面为组件父->子传值父页面 <templat原创 2021-11-16 22:45:11 · 272 阅读 · 0 评论