摘要：$refs 用于获取指定的dom元素。 首先在标签中定义ref="xxx" 通过this.$refs.xxx获取到该dom元素 注意：在created阶段，是不能获取到$ref绑定的元素的。
阅读全文
posted @ 2019-05-13 15:35
随笔分类 - vue笔记
这里是vue的笔记
摘要：vue的实例属性$options是用来获取定义在data外的数据和方法的。
阅读全文
posted @ 2019-05-13 15:30
摘要：vue的实例属性$data是用于获取data里数据的相当于用this获取。
阅读全文
posted @ 2019-05-13 15:23
摘要：$el 用于获取vue挂载的实例的dom对象，在mounted生命周期中才有效。
阅读全文
posted @ 2019-05-13 09:53
摘要：调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。
阅读全文
posted @ 2019-05-12 10:55
摘要：vue的extends和mixins类似，通过暴露一个extends对象到组件中使用。 extends会比mixins先执行。执行顺序：extends > mixins > 组件 extends只能暴露一个extends对象，暴露多个extends不会执行 test.js vue组件
阅读全文
posted @ 2019-05-12 09:04
摘要：mixins就是混入。 一个混入对象可以包含任意组件选项。 同一个生命周期，混入对象会比组件的先执行。 1.创建一个test.js，用export暴露出mixins对象 2.在组件中引入这个mixins对象，通过mixins:[xxx]，使用mixins对象 补充： 可以混入多个mixins对象 组
阅读全文
posted @ 2019-05-11 19:00
摘要：1.安装vue-lazyload 2.main.js中引入并使用vue-lazyload,注意loading图片要放在static文件夹里 3.在组件中需要懒加载的图片中使用v-lazy代替src，注意：懒加载的图片也是放在static文件夹里
阅读全文
posted @ 2019-05-11 11:23
摘要：找到config文件夹，里面的index.js，把build对象下的 assetsPublicPath的属性改为 './' 再次npm run build ，用vscode自带服务器打开，就可以显示内容了。
阅读全文
posted @ 2019-05-10 13:37
摘要：方式一： 参数显示在地址栏上的 （1）.在路由中配置path, 形式：path:"/xxx/:param" , 斜线+冒号+参数 （2）.在router-link标签用to绑定路由，:to=" '/blog/'+param " ,路由部分要加单引号 （3）.获取路由参数 点击带有参数的路由，地址栏会
阅读全文
posted @ 2019-05-10 12:38
摘要：在开发中，vuex里的state的数据是通过axios请求来的。 store.js中要使用axios就要先引入,然后直接使用axios, 准备两个变量a和b，一个用来接收res的值，一个用来接收整个axios方法的值 store.js 现在可以获取state中的值了，在created生命周期中，使用
阅读全文
posted @ 2019-05-10 07:23
摘要：在main.js中使用Vue.directive({'directiveName',bind(el,binding,vnode)}); 注：Vue.directive要写在new Vue之前 参数说明：el 是使用自定义指令的标签 binding.value是指令中等号后的值 binding.arg
阅读全文
posted @ 2019-05-09 00:35
摘要：每个router-link标签被点击时都有一个router-link-active的类，设置这个类的样式，就可以在vue里实现类的动态切换，在每个router-link标签里，都要加上exact这个属性，才能正常切换。 例子：
阅读全文
posted @ 2019-05-08 17:55
摘要：主要用到js的filter方法和match方法和vue的computed属性实现
阅读全文
posted @ 2019-05-08 15:15
摘要：单选框，多选框 ，下拉框获取值，都需要用v-model绑定。 单选框和下拉框绑定的是字符串 ，多选框绑定的是数组。 下拉框的v-model是写在select标签里的，不是写在option标签里的。 例子：
阅读全文
posted @ 2019-05-05 09:30
摘要：vuex的actions属性是用来处理异步方法的，通过提交mutations实现。 actions里要传入两个参数context和playload 调用actions的时候，使用this.$store.dispatch("actionsName",playload) store.js home.vu
阅读全文
posted @ 2019-05-04 19:25
摘要：getters传参可以用来根据条件筛选state里的数据的 store.js Home.vue
阅读全文
posted @ 2019-05-04 19:18
摘要：mutations是要通过方法触发的，用于更改store里的数据的。this.$store.commit("mutationsName") 例子： store.js Home.vue
阅读全文
posted @ 2019-04-28 17:17
摘要：getters是用来处理state里的数据的 getters传递一个值state 例子: store.js Home.vue 结果：
阅读全文
posted @ 2019-04-27 23:37
摘要：vuex中的store是一个状态管理器，用于分发数据。相当于父组件数据传递给子组件。 1.安装vuex 2.在src目录中创建store文件夹，里面创建store.js （1）store.js里引入vue和Vuex， （2）创建并导出store对象 （3）在store对象中创建数据 3.在main.
阅读全文
posted @ 2019-04-23 22:56
