随笔分类 -  Vue

vue-cli 如何打包上线
摘要:以vue创建的官方例子为例子,我们在开发环境的时候会 npm run dev ,生成 而想要打包成一份很简单, 只需要 npm run build 这个命令 这两种命令的配置文件在config的index.js 一种是build 一种是dev ,而我们想要在本地查看打包后的成果,需要在assetsP 阅读全文

posted @ 2017-06-09 11:19 薛伟杰 阅读(34058) 评论(2) 推荐(2)

Vue Spa切换页面时更改标题
摘要:在Vue组件化开发过程中,因为是单页面开发,但是有时候需要页面的title根据情况改变,于是上网查了一下,各种说法花(wo)里(kan)胡(bu)哨(dong), 于是想到一个黑科技 documet.title="xxx"; 随便创建一个项目,在独立的模块中,created在钩子函数启动之后docu 阅读全文

posted @ 2017-06-06 17:35 薛伟杰 阅读(7327) 评论(0) 推荐(1)

Vue实现购物小球抛物线
摘要:transtion属性可以查看官方文档,具体位置可以通过调试获得。 阅读全文

posted @ 2017-06-01 15:34 薛伟杰 阅读(4579) 评论(0) 推荐(0)

vue $refs的基本用法
摘要:一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。 但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在javascript里面 阅读全文

posted @ 2017-05-26 11:29 薛伟杰 阅读(179211) 评论(3) 推荐(8)

Vue动态实现评分效果
摘要:1.图片分为三种 on:half: off 根据需求改变代码 阅读全文

posted @ 2017-05-24 12:06 薛伟杰 阅读(4601) 评论(1) 推荐(0)

Vue点击切换class
摘要:1 1 2 3 4 5 1 阅读全文

posted @ 2017-05-16 15:37 薛伟杰 阅读(11448) 评论(0) 推荐(0)

vue通过watch对input做字数限定
摘要:1 2 3 4 new Vue({ el: '#app', data: { number: '100', items: { text:'', }, }, watch:{ //watch()监听某个值(双向绑定)的变化,从而达到change事件监听的效果 items:{ ... 阅读全文

posted @ 2017-05-16 10:04 薛伟杰 阅读(6277) 评论(0) 推荐(0)

v-bind:的基本用法
摘要:1. v-bind:class(根据需求进行选择) <style> .box{ background-color: #ff0; } .textColor{ color: #000; } .textSize{ font-size: 30px; } </style> <div id="app"> <sp 阅读全文

posted @ 2017-05-15 13:58 薛伟杰 阅读(40633) 评论(1) 推荐(3)

Vue通过input筛选数据
摘要:价格 ¥ new Vue({ el: '#app', data: { search: '', products: [{ name: '苹果', price: 25 }, { name: '香蕉', price: 15 }, { n... 阅读全文

posted @ 2017-05-11 14:19 薛伟杰 阅读(5136) 评论(0) 推荐(0)

导航