- 博客(10)
- 收藏
- 关注
原创 Vue通过postcss-px-to-viewport进行手机端适配
官网地址:https://www.npmjs.com/package/postcss-px-to-viewportnpm安装:npm install postcss-px-to-viewport --save-dev之后在项目中找到.postcssrc.js,下方在新建一个之后就按照设计稿的尺寸写,会自动进行设配例:但是代码中:会根据大小对单位自动进行转换...
2021-10-15 18:47:33 552
原创 Vue给按钮添加回车事件
可以使用@Keyup.enter=" "来实现点击回车键来完成提交的效果,但是注意,如果使用原生的input标签可以,如果使用外部引入的组件则会无效,需要加上native我这里使用的element的input组件加上native就可以正常使用...
2021-10-11 16:31:27 1087
原创 vue的组件之间传递数据vue-bus和vuex
vue-bus也是vue项目在父子通信中的常用的方法,可以应对不是特别复杂的传值操作,但是vuex不仅能实现任意组件之间通信的问题还提供了相应的逻辑处理方法,但是vuex太过庞大,一些简单的传值操作还是使用vue-bus更有效率首先创建一个bus.js,然后在所需要的组件中引入该组件引入完成后可以根据组件之间通信的方法进行数据传递bus.$emit()是传递参数bus.$on()是接收传递的参数这里$emit("测试"),与$on("测试")中的"测试"(备注:也可以是别的名称)是.
2021-09-26 16:26:53 392
原创 创建一个vue脚手架项目
首先 ,创建脚手架需要安装vue-cli 安装vue-cli就需要npm 所以第一步需要安装Node.js安装好后,查看版本之后在想要放项目的地方cmd ,安装脚手架 npm install -g vue-cli安装完成之后查看版本号之后vue init webpack 项目名称(只能是小写的英文字母,不支持大写和中文)之后就是一些选择 这个根据自己需要选择y/n之后打开项目,这里有两种打开方式1.直接在终端中输入 npm run dev2.在脚手架中的packag.
2021-09-24 16:26:01 144
原创 vue脚手架项目导入element ui步骤
首先安装element需要使用npm 或cnpm 需要先下载Node.js安装完成后 输入 npm -V查看版本内容在项目终端中输入npm i element-ui -S完成后查看package.json中查看,之后在main中全局引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);之后就可以尽情享受elemen...
2021-09-24 15:54:23 1092
原创 uniapp如何在vivo真机中运行
1.首先连接数据线,(设置成传输文件,仅充电找不到)2.打开手机开发者模式,把默认USB选项改成MIDI模式这样电脑就可以找到了3.通过使用的编译器,运行即可(我这边用的HBuilder X 直接在窗口出运行选择手机即可,前几项完成后可以电脑这边还是找不到,需要等一会,或者重启编译器即可)...
2021-09-22 11:15:50 2333
原创 nvue和vue的区别?
uni-app是逻辑和渲染分离的,渲染层在app端提供了两套排版引擎。小程序方式的webview渲染,和weex方式的原生渲染,两种渲染引擎可以自己根据需要选。vue文件走的webview渲染nvue走weex方式的原生渲染组件和js写法是一样的,css不一样,原生排版的能用的css必须是flex布局uni-app的App端内置了一个基于weex改进的原生渲染引擎,提供了原生渲染能力。在App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面(native vue的缩写)..
2021-09-18 17:49:30 1292
原创 Uniapp笔记
使用uniapp搭建手机端项目,首先需要下载编译器HBuilder X下载App开发版本即可uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。Hbuilder X里新建一个项目,点击运行,可以多种方式运行,如果报错,查看是否确实插件,在工具中的插件安装安装scss 内置终端等。。。...
2021-09-18 11:51:08 108
原创 vue笔记
使用vue中使用动画vue-particles,完成粒子动画<vue-particles color="#dedede" :particleOpacity="0.7" :particlesNumber="40" shapeType="star" :particleSize="4" linesColor="#FFFFFF" :linesWidth="2" :lineLinked="true" :lineOpacity="0.4" :linesDistance
2021-08-30 14:42:08 123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人