vue
文章平均质量分 96
前端筱园
专注于前端技术领域,定期分享个人原创作品
个人网站:www.dengzhanyong.com
微信公众号:【前端筱园】不错过我的每一篇推送
展开
-
教你如何3分钟把VUE项目打包成apk,真的只要3分钟
前提准备使用vue-cli3搭建的项目工具HBuilder X,他的图标长这个样子,点击下载做前端的大多数小伙伴们都应该知道,使用起来轻巧、急速,但是他主要是针对于VUE生态打造的,相对于 vscode 缺少了丰富的插件支持以及多语言编译的支持。但是它也有vscode无法满足的功能,比如说今天我们就要用它来把vue项目打包为 apk。打包步骤执行 npm run build 打包vue项目下载并安装HBuilder X依次点击文件》新建》项目,选择 5+APP(A) 选项,并填写好项目名原创 2020-11-03 16:18:28 · 10388 阅读 · 4 评论 -
vue3.0迁移指南(下)
VUE3.0最大的更新就是加入了compositionAPI,我相信你在阅读完这文章后,对3.0的用法会有更深入的认识。如果你想更好地过渡到3.0,建议看一下上篇文章【vue3.0迁移指南(上)】为什么要引入一个全新的API?在 V3.0 以前,我们开发一个组件都使用一个固定的模板结构,我相信大多数使用VScode开发的小伙伴们,已经把该模板配置到了vscode中。当然这个模板你可以自定义为你常用的内容和结构。<template> <div class="wrapper"&.原创 2020-10-22 11:13:46 · 767 阅读 · 0 评论 -
vue3.0详细迁移指南(上)
Vue3.0从一年前就开始预热,在前几天终于正式发布了。我相信很多小伙伴在很早前就开始关注了3.0的一些改变和新特性,喜欢尝鲜的小伙伴也肯定早就尝过了,在几个月前我也写过一篇关于vue3.0的文章,简单讲了一些新的特性【vue3.0有哪些改变】。虽然3.0已经正式发布了,你也可以开始尝试在新的项目中使用3.0进行开发,但是如果你想对之前的2.x项目升级到3.0的话,我不建议去做升级,我觉得这个没有太大的必要的。但是后面使用3.0开发必然是一个趋势,所以从现在开始去学习3.0的改变是很有必要的,由于内.原创 2020-09-24 10:01:53 · 2005 阅读 · 0 评论 -
你准备好拥抱vue3.0了吗
前言本月21号晚上看了尤大大的直播,感觉vue3.0离我们越来越近了,预计年中正式发布,3.0的改变的确很大,性能提升了很多,很多东西也在靠向react。为了到时可以很快的转入vue3.0的阵营,从现在开始熟悉新的特性是很有必要的。如果你想在v2.x中使用3.0的内容,可通过以下方式npm install '@vue/composition-api'在main.js中引入import ...原创 2020-04-26 21:02:23 · 3634 阅读 · 15 评论 -
学会VUE的这些编码规范,让你的代码质量提升一个等级
编码规范看看起来和实现项目功能并没有太大的联系,但是为什么它还是显得如此的重要呢。它主要有三大要素:可读性,可维护性,可变更性。一个团队统一了编码规范,可以大大的提高开发效率与交互效率,可以很容易的看懂他人写的代码,使后期的维护也变得更加简单。今天来讲讲VUE只的编码规范。分为三个等级:必要的、强烈推荐、谨慎使用一、必要的1. 组件名为多个单词,而不是一个单词反例Vue.compone...原创 2020-04-16 13:45:22 · 1179 阅读 · 0 评论 -
学会对VUE的SEO优化,你的网站总是排在前面
在开始之前,我们先来了解一下什么是SEO。SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。说白了就是你的SEO做的越好,当别人搜索某个关键词时,你的网站在搜索结果中就排的越...原创 2020-04-08 21:35:49 · 22759 阅读 · 15 评论 -
用原生JS搞懂VUE的响应式原理,这篇文章就够了
在实现之前我们先了解下VUE的响应式是什么;它是Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。博主网站:www.dzyong.top微信公众号:《前端筱园》原理是什么VUE中实现响应式运用到了JavaScript中object的一个很重要的属性Object.defineProper...原创 2020-03-12 18:17:15 · 3145 阅读 · 8 评论 -
tinymce实现上传图片
本人个人博客网站:http://www.dzyong.top(V2.0开发中)、https://www.dzyong.com(V1.0)TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。如何在VUE中使用在vu...原创 2020-01-17 16:24:18 · 13954 阅读 · 0 评论 -
EmailBot开放平台说明
在上个月我自己无聊时做了一个发送邮件的程序,通过社交平台发布后得到了很多人的喜欢,这也使我得到了很大的动力去做一些我喜欢的事,也能给他人带来一些收获。因此我决定对于EmailBot进行更加广泛的功能开发。本人个人博客网站:www.dzyong.com对EmailBot一期计划如下:开发一个EmailBot开放平台,对于非技术人员可在该平台通过填写基础信息实现邮件自动发送功能,所有服务都...原创 2019-12-13 15:46:10 · 746 阅读 · 0 评论 -
VUE中的组件如何使用公共scss参数
安装scssnpm install scss scss-loader --save新建公共scss文件在mixin.scss中定义公共参数$acolor: #45b984;在vue.config.js中进行配置官方文档:module.exports = { publicPath: './', css: { loaderOpti...原创 2019-12-11 22:31:41 · 1641 阅读 · 0 评论 -
VUE中对axios的封装
前言在VUE项目中进行数据交互使用的比较多的就是axios,新手一般都是安装完axios插件后在需要的地方直接使用axios.get()或axios.post(),我也不例外。在小项目中的确这种方式简单快捷,但是当在大项目中还是这样使用起来就显得非常的繁琐,自己也开始研究如何进行优化,把公共的部分提取出来,减少代码的沉余。但是始终还是觉得自己的想法不够先进,后面在看一个VUE开源项目的时候发现...原创 2019-10-30 16:41:44 · 755 阅读 · 0 评论 -
VUE+ElementUI+PHP+MySQL实现仿照印记中文网站(2)----前端架构
直接步入主题,3大前端框架我选择的是vue 3.0,使用element-ui作为主要开发组件,Element是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,虽然官网上写的是基于Vue2.0,但是在Vue3.0中我使用时并没有发现有什么影响。element-ui中文网:http://element-cn.eleme.io/#/zh-CNVue-cli...原创 2019-02-18 09:54:37 · 3509 阅读 · 0 评论 -
VUE+ElementUI+PHP+MySQL实现仿照印记中文网站(1)----概述
大家好,首先很欢迎和感谢查看我的博客。我先简单的介绍一下我自己,我是一名应届生,进入前端行业差不多半年的时间,基本上算是自学过来的,肯定走过很多弯路,自己在网上学习,喜欢利用已有的只是来做一些东西,因此我做的项目对于那些大神来说肯定是小菜一碟,如果你对我的项目还感兴趣的话,那么请继续往下看,查漏补缺,相互学习。 这个项目前端主要用到的是非常流行的VUE作为框架,选用基于 Vue ...原创 2019-01-31 14:55:21 · 1464 阅读 · 0 评论 -
Vue-cli3如何添加路由(router)
之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router,但是现在Vue-cli3新建项目后却少了很多东西,我们需要自己来安装使用路由。具体方案如下:安装路由npm install vue-router创建router.js与mian.js同级router.js中的内容为import Vue from 'vue'import Router from...原创 2019-01-17 11:41:37 · 28886 阅读 · 6 评论 -
实现VUE2.0中props数据双向绑定的一种方案
问题描述在vue2.0中,我们通过props方法来接受父组件所传过来的值,但是这个过程是单项的,父组件可以改变传给子组件的值,但是如果子组件想改变所接受的值并传给父组件是不可以的,会报以下的错误。该错误的意思的是:避免直接更改一个PROP,因为每当父组件重新呈现时,该值就会被覆盖。相反,使用基于PROP值的数据或计算属性。道具变异:“选择类型”。 报错案例看下面这个例子,我们在...原创 2018-09-29 10:56:25 · 2161 阅读 · 0 评论 -
vue中如何使用jQuery
1.在package.json里的dependencies加入"jquery" : "^3.2.1"2.在终端里输入npm install jquery --save-dev 3.找到build文件夹下的webpack.base.conf.js文件,打开,添加: var webpack=require('webpack') 在module.exports里输入:...原创 2018-09-14 10:36:33 · 867 阅读 · 1 评论