码农笔录-微信公众号博客

go后端模版渲染是通过 {{}} ，但是有个恶心的问题，vue也是通过双花括号来渲染的，如果同时使用，go渲染的时候就会报错，因为分别不出来哪个是vue的，哪个是go的，今天给大家带来个解决方法，那就是修改vue的默认渲染标签var app = new Vue({ delimiters: [’${’, ‘}’], el: ‘#vue-app’,})配置delimiters，就可以避免开这个冲突，当然里面的标签都是自定义的，下面是我改过之后的用法...

原文地址 https://www.aiprose.com/blog/1261 介绍pug 是一种前端模板引擎，原名 jade可用来生成 HTML，它的写法类似于 CSS这里先简单举几个例子#hello<div id="hello"></div>a.link-button Link<a class="link-button">Link</a>易理解，同时极大的简约了我们的代码。2 安装2.1 下载npm i -D pug pug-.

前端学习资料欢迎前端大牛前来坐镇；免费vue视频学习教程，react视频学习教程，angular视频学习教程，html5/css3视频学习教程。 欢迎大家加群128806068，群文件里有视频下载的地址，请大家自行下载。

vue2报错 Failed to resolve directive: el为什么会报这个错呢，主要还是因为vue升级的时候，v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el，接下来告诉大家怎么使用。之前v-el的写法<div class="menu-wrapper" v-el="menu-wrapper"> <ul class="menu"> <li

本来好好的项目，webstorm升级到2017版本后stylus就报错，解决方案，加入如下申明就好了。如果还行，请对照后边两张照片，修改配置。前提是已经用npm安装了stylus，stylus-loader(vue前端群128806068)type="text/stylus"...

使用cordova打包vue2（webpack）app for android1、vue项目通过vue-cli脚手架建立项目，使用webpack进行打包，下边是一整套命令。#npm 版本最好是最新的，升级npm，node版本也有要求npm i -g npm# 安装脚手架npm install -g vue-cli#初始化新建项目vue init webpack vue-app# inst

vue2（webpack）调用amap高德地图及其UI组件和标记物今天一个app项目中要使用vue2加入高德地图，本来以为有第三方的插件，结果没找到适合自己用的，因为地图这块，一般都是自定义程度比较高的。注：这块针对的是app版开发，更多更详细请阅读官方api,有问题请在下方评论，或者加群讨论QQ群：1288060681、申请key点击下边的网址，创建应用，然后申请key，后期要用...

swiper是很常用的一个组件，我项目中用到的版本是4.1.6。刚开始，我就按照官网的案例写了个demo，当然图片都是静态写死的，确实可以轮播了，但是我项目的需求是要动态修改轮播图的内容。然后我就改成vue的方式了，js和css是通过cdn引入的。下面是swiper的全部代码：有问题请加群交流java群：200909980，vue群：128806068 ，或者在下边评论 vue tem...

vue图片点击放大预览v-viewer库使用提到图片放大预览，可能好多人想到的是lightbox,但是伸手党做习惯了，所以去github上搜索了一个，感觉效果很完美，简单实用，所以推荐给大家。https://github.com/mirari/v-viewer github地址，下面是我这块使用的效果图。1.安装配置npm install v-viewer --save在...