Vue.js
__心诺
最能让人感到快乐的事,莫过于经过一番努力后,所以东西正慢慢变成你想要的样子。
展开
-
Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js转载 2017-04-08 21:57:09 · 717 阅读 · 0 评论 -
Axios 请求配置参数详解
axios API可以通过向 axios 传递相关配置来创建请求axios(config)// 发送 POST 请求axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' }});axios(url[, config])// 发送...转载 2017-06-23 18:03:34 · 99438 阅读 · 6 评论 -
vue项目报错如下:(Emitted value instead of an instance of Error)
`(Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The not-scope" attribute can also be used on plai原创 2017-10-28 18:49:09 · 53261 阅读 · 2 评论 -
vue v-for 样式赋值
v-bind:style="{'background-color': item.iconColor}"> {{item.name}} v-bind:style="{'background-color': item.iconColor}"> {{item.原创 2017-12-07 22:29:15 · 3750 阅读 · 0 评论 -
VueJS页面渲染之后调用函数
vue.js提供的mounted函数,表示挂载到实例上去之后调用该钩子,但是第一次进入页面访问正常,数据正常,当刷新页面后,方法 报401 未授权错误,此时查询官方api文档发现,有一个nextTick方法,意思是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。使用之后发现,不报错,方法执行正常。...原创 2018-03-26 22:00:40 · 20352 阅读 · 1 评论 -
vuejs使用watch和this.$nextTick渲染页面后调用函数
vue中通过this.$router.push 动态跳转页面,跳转后参数不同,但跳转到的页面无法获取this.$route.query.id; 查官网资料,使用$nextTick方法,在下次DOM循环之后执行延迟回调,但还是无法获取。查看API使用watch方法,用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调,再次尝试,运行后发现还是不行。然后在网上发现,通过watc...原创 2018-03-26 23:37:25 · 8655 阅读 · 0 评论 -
vuejs2.0 vue实例的生命周期
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态,beforeCreate,created,beforeMount,mounted,beforeUpdat...转载 2018-03-26 23:46:11 · 330 阅读 · 0 评论