Vue插件概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等总体流程应该是：【声明插件】——【写插件】——【注册插件】——【使用插件】写插件和声明插件是同步的，然后注册到Vue对象中（不用担心重复注册），最后在写Vue组件的时候使用写的插件1.声明插件先写一个js文件，这个js
转载
2024-10-16 16:52:25
60阅读
一、父传子//父组件
<template>
<div id="app">
<Subassembly :Properties="Properties"/>//绑定一个属性挂载要传输的变量
</div>
</template>
<script>
import Subassembly from '组件路径';
expor
作者：HelloGitHub-追梦人物Hello Vue既然是学习编程，那就遵循一下那个古老的传统仪式。首先我们新建一个 todos.html 文件，用任何一个你喜欢的文本编辑器或者 IDE 打开(例如 vscode、sublime、记事本、notepad++、webstorm 等等)，然后写上下面的代码：
{{ message }}
我们写了一个简单的 HTML 文件，使
本文的主要内容如下：介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面 本文11个示例的源码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！ Git
最近想要做一些vue的插件练一下手，于是现在需要解决的问题有两个。一个是怎么写vue的插件，一个是写完后怎么上传npm。一、如何写一个vue插件首先在进行插件创作的时候，先建立一个普通的vue项目进行编写。vue create vue-button-z然后创建plugins文件夹，和plugins下的lib文件夹，在lib文件夹下写你的插件代码1.插件代码编写这是button.vue 文件示例，就
最近为移动端使用rem雪碧图小图标自适应困扰，想了半天终于找到解决方案！难点在于雪碧图要跟随屏幕缩小，下面我们进入正题！ 大家先要明白rem是什么，我给大家个新的理解，rem的本质就是百分比转换，不明白的童鞋可以具体去恶补下rem相关知识！既然rem的本质是百分比转换，那么我们也可以通过同样的方法转换雪碧图，下面上案例！  
1.vue自定义插件的作用插件通常是用来为Vue添加全局功能。插件的范围没有严格的限制。——一般有下面几种：添加全局方法或者 property。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 AP
在项目中用到UI给出设计图尺寸是1920x1080，如果直接在样式中使用会导致比想象中要大很多，这样需要做px转换为rem来适应屏幕，网上查了很多方法，下面是总结出的一种方法，亲测有效
1.安装依赖 postcss-px2rem-excludenpm install postcss-px2rem-exclude --save-dev2.创建个rem.js文件，用于计算文档字体大小，我是放到uti
转载
2024-07-22 19:41:37
273阅读
前言因为移动端设备屏幕尺寸非常多，碎片化严重。为了兼容市面上的不同手机，我们要给我们的项目中去进行响应式布局。rem适配方案原生rem写法注意： 1rem 的大小 = 根元素html的font-size的字体大小<script>
// 页面重置事件
get()
window.onresize = function() {
get()
}
1.脚手架-介绍与安装webpack自己配置环境繁琐官方提供脚手架, 快速搭建项目基础结构安装@vue/cli全局模块包, 得到Vue命令, 用于以后创建Vue脚手架项目步骤:1.全局安装@vue/cli模块包yarn global add @vue/cli或者 npm install -g @vue/cli2.查看版本号vue -V2.脚手架-创建项目-启动服务步骤:0.新建项目文件夹在 窗口执
Reason Studios Reason 12是一个带有模块化环境、无限音轨、软合成器、虚拟乐器、效果器、播放器设备、音高编辑、MIDI 输出和机架扩展的 DAW 软件和机架插件。Reason 12 拥有令人惊叹的全新高分辨率外观和用于富有表现力的样本处理的全新 Rack 设备，旨在提升驱动您的音乐制作体验的创造力。对于第 12 版，Reason Studios 扩展了 Reason 的热门新功
补充说明自动保存关掉vscode 左上角 => 自动保存不要勾以后注意: ctrl + s 保存代码缩进用两格缩进默认自动补逗号, 在 .prettierrc 加一行配置代码{
"semi": false,
"singleQuote": true,
"trailingComma": "none"
}vue create 创建项目失败, 报错原因: node-sass 仓库资源下载
今年开始使用vhdl语言，发现vhdl的插件非常少，自己平时用起来很不方便。自己在使用vim的同时，不断在vimrc中增加自己想要的功能，慢慢的发现写了快1000行了，不如做成一个插件拿出来和大家分享。我觉得做一个vhdl的插件还是有必要的，平时需要进行的机械的操作还是很多，最常见的是component或者生成一个testbench文件。要是每次一点点输入，那是非常麻烦的。我找很多verilog的
rem指的是根元素的字体大小，多数根元素大小为16px,但设备的dpi会影响根元素的大小，因此并不是固定的。 所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。上根据不同分辨率设置不同font-size有很多不好解决的麻烦,那应该如何解决呢？我们可以通过JS来计算不同分辨率下，font-size的大小，这是在我研究了网
vscode vim大法好基于vscode的vim使用一、前言为什么好好的想用用vim？准确来说是vscode上的vim插件。 首先是chrome上安装了 vimium 插件，这款插件是基于vim的一些快捷键进行的一些页面浏览操作。 在使用过程中，慢慢感觉到vim快捷键的方便，也发现到了自己键盘操作的指法问题等很多键盘操作的习惯问题， 为了效率，需要改变一下已有的一些毛病。 在这种情况下，
转载
2024-03-12 22:23:21
41阅读
一、技术提要涉及element-ui中的validate方法二、具体实现1、表单部分代码<el-form ref="loginFormRef" :model="loginForm" :rules="loginFormRules" label-width="0px" class="login_form">
<!-- 用户名 -->
<el
前言vue-property-decorator,@Model选项，也就是vue2.2中新增的实例model选项。原来只知道v-model属性实现双向绑定，对这个model选项突然不是很理解。所以这里 重新对v-model和自定义组件的v-model做一个回顾，加深印象后，再去理解model选项到底是做什么的，有什么作用。vue中的v-model指令实现了表单的双向绑定，这是官网的一个栗子：<
转载
2024-09-23 16:35:21
33阅读
安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible/flexible.js'在index.html加上 <meta name="viewport" content="width=device-width,initial-scale=1.0"> <met...
原创
2021-08-26 11:21:26
512阅读
vue中env文件的配置vue项目中env文件的配置文件名：文件内容：关于文件的加载process.env属性注意修改完要重新启动一遍项目vue项目中 .eslintrc.jsvue项目中 .gitignorevue 项目中 .eslintignorevue 项目中.stylelintrc.jsvue 项目中 jsconfig.jsonvue 项目中 .editorconfig vue项目中en
转载
2024-10-25 20:49:08
52阅读
安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible
原创
2022-03-08 14:40:36
435阅读
