2017年07月_爱lv行

10月 09月 08月 07月 06月 05月 04月

原创 vue-cli webpack 引入 wangeditor(轻量级富文本框)

1：使用npm下载：//（注意 wangeditor 全部是小写字母）npm install wangeditor 2: 直接在项目模板中引用import E from 'wangeditor'3：HTML <div id="editorElem" style="text-align:left"></div> <button v-on:click="getContent">查看内容</b

2017-07-28 11:42:10 17055 3

原创 vue-cli webpack 引入 swiper

1：下载需要 swiper 的js文件和css文件 http://www.swiper.com.cn/2：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。 3：安装runtime： npm install babel-runtime 4：修改.eslintrc.js文件如下：最后一行添加 'globals': { "Swiper":

2017-07-26 11:41:25 8029 1

原创 vue-cli webpack全局引入jquery

1：首先在package.json里加入dependencies:{ "jquery" : "^2.2.3"}2：然后 npm install3：在webpack.base.conf.js里加入var webpack = require("webpack")4： module.exports的最后加入plugins: [ new webpack.optimize.CommonsChunkPlu

2017-07-26 11:06:39 1992

原创 vue-cli 引入百度地图

1：密钥（ak）地址http://lbsyun.baidu.com/index.php?title=jspopular2：在webpack.base.conf.js文件内添加external选项，在module.exports内部，和entry平级；externals: { "BMap": "BMap" }, 3：项目中 index.html 引入js 脚本<script type="text

2017-07-24 15:27:12 2737 2

原创 vue-cli 使用axios

Vue.prototype.$http = axios

2017-07-24 13:18:07 448

原创 vue2.0 使用 filters

html <ul v-for="item in menuList"> <li v-show="item"> {{item | formatParentID2 }}</li> </ul>js// 这里和data 平级 filters: { formatLevel0: function(item) { return item.Level === 0 ?

2017-07-24 13:16:24 255

原创 sublime 格式化 vue 代码

1：安装 HTML/CSS/js Prettify 2：然后找到这个文件文件夹 tools->HTML/CSS/JS Prettify->set prettify preference3：找到这一样代码后面添加 vue"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"],

2017-07-08 12:00:04 4286

原创 vue-cli webpack 使用sass

1：安装依赖npm install sass-loader node-sass --save-dev2：html中修改style<style lang="sass"> /* write sass here */</style>3: 使用正常sass 语法 //但是会报错<style lang="sass"> $highlight-color: #F90; $highlight-

2017-07-07 17:43:23 3591