随笔分类 -  vue

Vue CLI 3 可以使用 TypeScript 生成新工程
摘要：TypeScript 支持 在 Vue 2.5.0 中，我们大大改进了类型声明以更好地使用默认的基于对象的 API。同时此版本也引入了一些其它变化，需要开发者作出相应的升级。阅读博客文章了解更多详情。 发布为 NPM 包的官方声明文件 静态类型系统能帮助你有效防止许多潜在的运行时错误，而且随着你的应 阅读全文
posted @ 2018-09-11 15:22 祗堂幻狼 阅读(4500) 评论(3) 推荐(0)
Vue 设置添加 JSON 视图不更新
摘要：1 for (let i = 0; i < this.gotup.length; i++) { 2 const element = this.gotup[i]; 3 console.log(element); 4 if (element) { 5 ... 阅读全文
posted @ 2018-08-30 12:03 祗堂幻狼 阅读(407) 评论(0) 推荐(0)
vue配置mint-ui找不到css
摘要：ERROR Failed to compile with 1 errors 16:13:56 This dependency was not found: * mint-ui/lib/style.css in ./src/main.js To install it, you can run: npm 阅读全文
posted @ 2018-08-03 17:44 祗堂幻狼 阅读(929) 评论(0) 推荐(0)
vue+axios+vuex 入坑基础例子
摘要：步骤： 1、下载安装vuex，或者引入 2、创建实例store 3、传送存储数据 4、读取数据（vuex刷新无数据，使用WEB储存 localStorage 和 sessionStorage） 实例化！ 1.先设置储存的数据 2.在mutations 写入方法 3.用 this.$store.com 阅读全文
posted @ 2017-09-07 17:50 祗堂幻狼 阅读(318) 评论(0) 推荐(0)
vue+animate过度动画
摘要：transition-group Props： tag - string, 默认为 span move-class - 覆盖移动过渡期间应用的 CSS 类。 除了 mode，其他特性和 <transition> 相同。 事件： 事件和 <transition> 相同. 用法： <transition 阅读全文
posted @ 2017-08-27 21:34 祗堂幻狼 阅读(312) 评论(0) 推荐(0)
vue2.0 transition使用例子-单个例子
摘要：Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScrip 阅读全文
posted @ 2017-08-27 18:13 祗堂幻狼 阅读(294) 评论(0) 推荐(0)
简单自制拖拽布局思路vue-Cil
摘要：1,准备好jQueryUI.js -用到了他封装好的拖拽功能 2,准备好首页需要的每一个小模块 3,控制板 -点击按钮 4点击后添加到模拟窗口里面 5,写好手机模拟窗口 6,用vue-Cil更加好的分模块和修改双向数据功能！ 开始码字！ 阅读全文
posted @ 2017-08-24 10:29 祗堂幻狼 阅读(1914) 评论(0) 推荐(0)
Vue2.0 注册过滤器Vue.filter
摘要：Vue.filter( id, [definition] ) 参数： {string} id {Function} [definition] 用法： 注册或获取全局过滤器 参数： {string} id {Function} [definition] 用法： 注册或获取全局过滤器 根据上一遍笔记，可 阅读全文
posted @ 2017-08-23 15:43 祗堂幻狼 阅读(292) 评论(0) 推荐(0)
在Vue1.0里面的过滤代码。添加到Vue2.0用，过滤货币，大小写，筛选！
摘要：直接上代码 阅读全文
posted @ 2017-08-23 15:23 祗堂幻狼 阅读(428) 评论(0) 推荐(0)
H5拖拽地址-高德地图VUE版
摘要：注意：这是直接引入vue.js的，没有用脚手架webpack 如果用webpack有专门vue的高德地图，但是暂时还没看到里面有拖拽UI HTML的代码如下 JS代码如下 需要引入的东西 效果图一样 阅读全文
posted @ 2017-08-11 11:04 祗堂幻狼 阅读(1822) 评论(0) 推荐(0)
"router-link"属性
摘要："router-link"属性 相当于a标签中的"herf"属性，后面跟跳转链接所用 replace在routre-link标签中添加后，页面切换时不会留下历史记录 具有tag属性的router-link会被渲染成相应的标签 此时页面的li同样会起到a链接跳转的结果，vue会自动为其绑定点击事件，并 阅读全文
posted @ 2017-08-09 07:59 祗堂幻狼 阅读(306) 评论(0) 推荐(0)
vue-axios + axios 入坑基础安装
摘要：最近搞VUE，一大堆懵逼。把平时需要安装的！ 首先，有时候直接安装 axios 在 vuecil 会报错 先安装！ 然后！ 配置模板！ 在脚手架里面的用法！ PS。平时在别的地方也用 axios 挺好用的 直接引入速度快！ API传送门 阅读全文
posted @ 2017-07-04 22:27 祗堂幻狼 阅读(47469) 评论(10) 推荐(2)
vue+webpack+sass 入坑 配置ES6 编译
摘要：Install 是不可少的事情 配置 .babelrc 详细可看npm 阅读全文
posted @ 2017-06-26 18:27 祗堂幻狼 阅读(685) 评论(0) 推荐(0)
vue+webpack+sass 入坑 node-sass 报错！
摘要：入坑第一件事安装sass install 事情来了！ 解决方法： 主要是windows平台缺少编译环境， 1、先运行： npm install -g node-gyp 2、然后运行：运行 npm install –global –production windows-build-tools 可以自动 阅读全文
posted @ 2017-06-26 17:04 祗堂幻狼 阅读(383) 评论(0) 推荐(0)