- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue可折叠树形递归组件
1.前期准备（1）数据文件（这里提供json数据文件的贴图，需要的小伙伴去我的GitHub下载Detail.json文件，在文末），我将文件放置在static目录下新建的mock目录下。2.组件创建（1）Detail.vue组件，该组件用于使用axios获取json数据，同时将此组件挂载在App.vue上第一步：在Pages(自己新建的目录，可以使用模板自带的components目录)下...
2019-03-26 14:37:35
1640
原创 Vue.js的监听方法watch的详细解释
代码的实现是：通过按钮的点击事件触发数值更新；首先在input标签上挂载ref，在点击事件中，通过this.refs来获取挂载点，在用this.refs来获取挂载点，在用this.refs来获取挂载点，在用this.refs.value获取输入值给work赋值。代码的关键是监听work数据的改变，在watch的方法中，监听数值改变后的处理分为两步，一个是监听后执行一个方法，这个方法是写在me...
2019-03-05 10:19:21
848
翻译 Vue的八大生命周期
Vue的八大生命周期beforeCreate函数此阶段为实例初始化之后，此时的数据观察和事件配置都还没有准备好，而此时的实例中的data和el还是underfined状态，不可用的，dom元素也未加载,此时使用html片段代码我们加上ref属性，用于获取DOM元素的操作会报错，详细效果请使用代码测试。Create函数beforeCreate之后紧接着的钩子就是创建完毕c...
2019-03-04 14:16:22
3272
1
原创 Vue实现外部关闭的下拉菜单
Vue实现外部关闭的下拉菜单先贴出效果图：心急的小伙伴都是先看JS代码的，那么我们先主要讲的还是JS代码，全部注释都有，不懂的请耐心看完，可以留言给我：HTML代码：css代码：...
2019-01-29 14:57:11
662
原创 Vue介绍$parent()方法和$refs()方法
Vue介绍parent()方法和parent()方法和parent()方法和refs(）方法首先介绍这个两个方法的用处：parent()方法是在子组件中可以直接访问该组件的父实例或组件；而refs（）方式可以用来访问子组件的中的数据。贴出代码3.分析方法:（1）在41-51行代码中使用了parent()方法，首先不难看出this.parent()方法，首先不难看出this.paren...
2019-01-24 13:59:52
17757
原创 Vue的$emit的用法
**Vue组件——子组件向父组件传递数据**1.首先我们贴出源代码，再对每一行代码进行分析1.1这是HTML部分代码1.2这是Js代码2.代码分析2.1JS代码分析：18-39行：这是一个全局组件{1.组件名：child;2.模板：这个模板是在界面上显示2个点击事件的按钮，事件名称分别是Increase...
2019-01-24 10:58:12
492
翻译 Vue实现购物车效果
Vue实现购物车效果（增删）1.先贴出效果图：2.先在Vue实例里编写数据3.居然有了数据，就是在html中关联数据，让他呈现在表格中，这段代码放在html的中4.现在布局和数据都有了，剩下的计时实现方法的定义4.1先看实现总价显示的代码4.2数量增加和减少的代码...
2019-01-21 15:36:16
1051
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人