随笔分类 -  vue

vue 小记
摘要:版本号 1.2.0 major.minor.patch 版本号分为major,minor,patch。分别对应第一,二,三位。 ~ ~的意思是: 如果有minor,则patch可以变,minor不能变。 如果没有minor,则minor,patch可变,major不能变。 minor是大腕。 伪代码 阅读全文
posted @ 2020-04-24 08:53 炽橙子 阅读(1418) 评论(0) 推荐(0) 编辑
摘要:// 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路由 router.push({ name: 'user', params: { userId: '123' }}) // 带查询参数,变成 /register? 阅读全文
posted @ 2020-04-13 22:07 炽橙子 阅读(252) 评论(0) 推荐(0) 编辑
摘要:1.实质区别 vuex存的是状态,存储在内存;localStorage是浏览器提供的接口,让你存的是接口,以文件的形式存储到本地 2.应用场景 vuex用于组件之间的传值,localStorage则主要用于页面之间的传值 3.永久性 当刷新页面时,vuex存储的值会丢失,localStorage不会 阅读全文
posted @ 2020-03-29 23:50 炽橙子 阅读(1214) 评论(0) 推荐(0) 编辑
摘要:<div v-for="item in list" class="home-con"> <div :class="testClass(item.id)" :data-id="item.id">{{item.id}}</div> </div>methods:function(){ testClass: 阅读全文
posted @ 2020-03-27 22:10 炽橙子 阅读(1085) 评论(0) 推荐(0) 编辑
摘要:1.安装 npm install axios -save npm install vue-axios -save 2.看了vue-axios的源码,它是按照vue插件的方式去写的。那么结合vue-axios,就可以去使用vue.use方法了 首先在主入口文件main.js中引用: import ax 阅读全文
posted @ 2019-04-03 19:39 炽橙子 阅读(505) 评论(0) 推荐(0) 编辑
摘要:1.HtmlWebpackPlugin 我们可以看到,webpack 生成 print.bundle.js 和 app.bundle.js 文件,这也和我们在 index.html 文件中指定的文件名称相对应。如果你在浏览器中打开 index.html,就可以看到在点击按钮时会发生什么。 但是,如果 阅读全文
posted @ 2019-04-03 19:38 炽橙子 阅读(196) 评论(0) 推荐(0) 编辑
摘要:1.npm地址 https://www.npmjs.com/package/qs 2、概述 将url中的参数转为对象; 将对象转为url参数形式 3、示例 参考:https://www.cnblogs.com/mengfangui/p/9081753.html 阅读全文
posted @ 2019-01-24 17:19 炽橙子 阅读(14104) 评论(0) 推荐(2) 编辑
摘要:1.父传子 onlyContent: { type: Boolean, default: false } onlyContent: { type: Boolean, default: false } <template> <div> 父组件: <input type="text" v-model=" 阅读全文
posted @ 2019-01-23 14:23 炽橙子 阅读(365) 评论(0) 推荐(0) 编辑
摘要:1. 页面前进后退 // 在浏览器记录中前进一步,等同于 history.forward()router.go(1) // 后退一步记录,等同于 history.back()router.go(-1) // 前进 3 步记录router.go(3) // 如果 history 记录不够用,那就默默地 阅读全文
posted @ 2019-01-22 14:39 炽橙子 阅读(1835) 评论(0) 推荐(0) 编辑
摘要:1.参考:https://segmentfault.com/a/1190000008010666?utm_source=tag-newest export default { data(){ }, //组件实例刚被创建,组件属性计算之前,如data属性等 beforeCreate(){ }, // 阅读全文
posted @ 2019-01-22 11:08 炽橙子 阅读(194) 评论(0) 推荐(0) 编辑
摘要:2.获取自定义属性的值 3. 阅读全文
posted @ 2019-01-21 17:51 炽橙子 阅读(4965) 评论(0) 推荐(0) 编辑
摘要:1.vue绑定属性,点击事件 1.<!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> 2.<!-- 完整语法 --> <a v-on:click="doSomething">...</a> <!- 阅读全文
posted @ 2019-01-03 14:35 炽橙子 阅读(588) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示