2017年5月13日
vue组件中data和props的区别
摘要： data 就是返回一个组件自身的数据对象props 是组件用来接收父组件数据对象的两者概念不同。 阅读全文
posted @ 2017-05-13 15:34 小Y爱学前端 阅读(3520) 评论(0) 推荐(0) 编辑
new Vue和Vue.extend的区别
摘要： new vue 是新建 vue 对象，需要绑定元素的。 vue.extend 是新建 vue 组件，使用依赖于 vue 对象。 阅读全文
posted @ 2017-05-13 15:25 小Y爱学前端 阅读(1405) 评论(0) 推荐(0) 编辑
Vue.js组件中methods中的this的指向
摘要： 在methods中经常使用到“this”关键字，该关键字指向Vue组件实例。 阅读全文
posted @ 2017-05-13 15:14 小Y爱学前端 阅读(5314) 评论(0) 推荐(0) 编辑
Vue.js搭建官方项目的步骤
摘要： 搭建官方项目模板步骤： 1、npm install vue-cli (安装vue-cli ) 有的时候有看到其它两种写法: --save-dev 和 --save的写法。这两个有一定的区别，我们都知道package.json 中有一个 “dependencies” 和 “devDependencie 阅读全文
posted @ 2017-05-13 12:19 小Y爱学前端 阅读(1483) 评论(0) 推荐(1) 编辑
vue.js中的data的用法
摘要： data在vue框架中位置不一样，用法也不一样。简单地说，在实例中data是一个对象，在组件中data就得是函数返回对象。 阅读全文
posted @ 2017-05-13 11:06 小Y爱学前端 阅读(5872) 评论(0) 推荐(0) 编辑
2017年5月12日
在input里面添加图片的css方法
摘要： 效果如下图所示： 在包含input的div中设置子元素<span>，将span在div中绝对定位，设置span的宽(假设宽为20px)高和背景图像（即搜索背景图片），input相对定位，然后input{style="padding-left:20px;"},即可使文字错开搜索图片。 阅读全文
posted @ 2017-05-12 12:30 小Y爱学前端 阅读(7815) 评论(0) 推荐(0) 编辑
2017年5月11日
Vue.js中全局组件和局部组件的编写差异和注意事项
摘要： 全局组件的编写方式： 局部组件的编写方式： 其中最需要注意的细节即是局部组件中是”components“,而全局组件中是”component“，切记不掉坑！！ 阅读全文
posted @ 2017-05-11 21:51 小Y爱学前端 阅读(1714) 评论(0) 推荐(0) 编辑
2017年5月10日
vue.js的计算属性computed
摘要： 对于计算属性里关联的对象，即使对象不是组件作用域内的，当对象在外部改变了某个属性，同样会发出计算属性的方法。 item.isChecked是input{type=“checkbox”}的value值，当在页面点击勾选或者去掉勾选，则item.isChecked会改变，即在外部改变了属性，同样会发出计 阅读全文
posted @ 2017-05-10 17:18 小Y爱学前端 阅读(199) 评论(0) 推荐(0) 编辑
用filter过滤选出所需的对象
摘要： filter()中加函数筛选返回1即可计算符合条件对象的的个数。 阅读全文
posted @ 2017-05-10 17:01 小Y爱学前端 阅读(679) 评论(0) 推荐(0) 编辑
Vue.js中computed和methods的区别
摘要： computed以前的名字叫做ready是在dom加载后马上执行的。而methods中的函数，则必须要有一定的触发条件。 阅读全文
posted @ 2017-05-10 16:35 小Y爱学前端 阅读(1200) 评论(0) 推荐(0) 编辑