摘要: 十、徒手撸一个vue下拉左侧二级导航 0. 先附上最终效果图: 1. vue代码: 2. 事件: 3. 数据 十一、引入基于vue的支持markdown语法的编辑器 mavon editor 1. 基于mavon editor的丝滑和简洁,我选择引入它作为我项目的一部分,先附上官网地址: 2. 接下 阅读全文
posted @ 2019-07-21 17:17 墨戈 阅读(621) 评论(0) 推荐(0) 编辑
摘要: 八、错误总结(一) 1. webpack打包项目识别子组件路径问题 之所以出现了这样的问题是因为在webpack打包项目时,未将此处的子组件路径正确识别: 将此处的carousel改为 carousel.vue 成功解决问题 2. id命名不能包含html保留字引起的错误: 修改方法很简单,只需要将 阅读全文
posted @ 2019-07-15 20:39 墨戈 阅读(500) 评论(0) 推荐(1) 编辑
摘要: 六、webpack的安装和配置 1. 为了快速构建vue项目,webpack是一个必不可少的工具,我们先来安装它,附上官网地址: 要安装最新版本或特定版本,请运行以下命令之一: 如果你使用 webpack 4+ 版本,你还需要安装 CLI: 以下的 NPM 安装方式,将使 在全局环境下可用: 在这里 阅读全文
posted @ 2019-07-12 19:48 墨戈 阅读(851) 评论(0) 推荐(3) 编辑
摘要: 四、响应式布局的实现 1. elemnt ui参考bootatrap提供了响应式布局,附上地址: 2. 以下是我的布局设计,目前看起来没什么错误: ​其实就是做了每行总共24个栅格,在不同尺寸的页面上如何分配宽度比例: | 名称 | 尺寸 | | | | | xs | 以及输入框地址 2. 以下是我 阅读全文
posted @ 2019-07-08 21:38 墨戈 阅读(720) 评论(0) 推荐(0) 编辑
摘要: 二、vue项目的初步搭建 1. 该项目我采用了当下最流行的vue ui框架 element ui,首先用vue cli构建一个vue项目: 然后会出现一系列配置选项,此时一直回车就好: 然后进入项目文件夹,输入: 出现以上情况,则说明运行成功,此时,在浏览器打开链接http://localhost: 阅读全文
posted @ 2019-07-08 09:02 墨戈 阅读(2239) 评论(0) 推荐(3) 编辑
摘要: 一、vue的安装 1. 首先下载node 有两种安装方式 安装包 安装和 二进制文件 安装 输入以下命令,出现版本提示表示安装成功: 2. 再下载npm 由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm v" 来测试是否成功安装。命令如下,出现版本提示 阅读全文
posted @ 2019-07-06 21:17 墨戈 阅读(936) 评论(1) 推荐(1) 编辑
摘要: LNMP的安装与配置 1. windows下的nginx安装和使用 1.1 去官网下载相应的安装包: 1.2 解压后进入PowerShell(按住“shift”+“鼠标右键”)窗口,进入到nginx目录,输入 start nginx.exe 进行nginx的安装 安装成功后,在“任务管理器”中会显示 阅读全文
posted @ 2019-06-29 13:51 墨戈 阅读(1288) 评论(0) 推荐(0) 编辑
摘要: 关于每次启动终端都要输入source /etc/profile的问题 当我在Deepin系统中下载了node以及npm之后,我为了将node导入到系统文件,使用了以下命令 `gedit ,然后在里面添加了这条语句: 然后使用了这条命令: ,这是为了使新建立的环境变量立刻生效而不用重新启动系统 然后再 阅读全文
posted @ 2019-06-25 14:52 墨戈 阅读(1687) 评论(0) 推荐(0) 编辑
摘要: 有时候,我们在做项目的时候,想通过某个按钮来改变某个div样式,那么可以通过以下代码实现: 划重点,我们需要给按钮传入一个方法,所以先要通过 里的 来绑定该按钮,并调用 方法,此外,还需要在你想要改变样式的div里做绑定,即 ,而想要拉伸div宽度和高度,则需要用到 ,此时,你已经做好了第一步,即绑 阅读全文
posted @ 2019-03-30 15:41 墨戈 阅读(15499) 评论(0) 推荐(0) 编辑
摘要: 1.Eslint js代码规范报错 出现这种问题是由于在bulid/webpack.base.conf.js里面有如下的配置: 解决这个问题也很简单,点进config.dev.useEslint,发现在config/index.js里配置 useEslint: true, // 改为false即可。 阅读全文
posted @ 2019-02-25 10:48 墨戈 阅读(878) 评论(0) 推荐(0) 编辑