摘要：最近在做项目时，用了个css自动补全浏览器前缀的插件，遇到不少坑，后面解决了，做下笔记，希望帮助后来人。 步骤如下： 1. 安装postcss-loader autoprefixer npm install postcss-loader autoprefixer --save-dev 2. 根目录下
阅读全文
摘要：vue项目浏览器跨域问题及解决办法 一、 问题 当浏览器报如下错误时，则说明请求跨域了。 为什么会跨域:因为浏览器同源策略的限制，不是同源的脚本不能操作其他源下面的对象。 什么是同源策略:同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策
阅读全文
摘要：vue项目上传Github预览最近在用Vue写项目，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。完成Vue项目以后，在上传到github之前，需要修改一些配置才能通过github pages预览项目。注意事项：以下配置基于vue-cli2，因为vue-cli3之后，由于好多文件已经内置，因此需要查阅官网和网上资料再进行操作！一、修...
阅读全文
摘要：vue路由跳转时定位到页面顶部的方法在做vue项目时,发现路由跳转之后,页面默认停留在当前浏览的位置,但是很多时候我们想要的是路由跳转之后,页面重新定位到顶部,下面我总结了比较常用的方法：方法一：在router下的index.js配置：scrollBehavior(to,from,savedPosition){if (savedPosition){return savedPosition // 按...
阅读全文
摘要：Vue相关开源项目库汇总 目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 U
阅读全文
摘要：vue中v-on和v-bind v-bind 指令用于设置HTML属性：v-bind:href 缩写为 :href<!-- 完整语法 --><a v-bind:href="url">...</a> <!-- 缩写 --><a :href="url">...</a> v-on 指令用于绑定HTML事件
阅读全文
摘要：vue中plain="true" 一种使用简单的纯色样式，主要应用于Window样式上 plain:true // 窗体主体部分背景颜色透明 在vue中可能会出现如下代码： <button :plain="true" @click=" ">例子</button> （ps：plain前面的“:”是v-
阅读全文
摘要：如何搭建一个vue项目的详细步骤 一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm insta
阅读全文
摘要：前端开发规范之Vue项目目录架构 概述Vue项目开发的目录结构保持一致，不仅方便理解更加方便构建与管理，以及后期的维护管理。 一、Vue目录结构 二、主要项目目录介绍1.build目录是webpack主要的配置目录 其中比较重要是 webpack.base.conf.js兼容ES6配置 配置地址常量
阅读全文
摘要：创建vue项目的基本流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目。 （1）安装 确认已安装了node.js，可在cmd中输入( node -v和npm -v），如显示出版号，说明安装成功。 通过vue
阅读全文
