![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
RUCwang
混啊混
展开
-
data对象属性是否可以动态响应
Vue中采用==字面量形式==添加或者删除 data 对象的属性,是无法被动态响应的,但是可以利用Vue.set(Object, key, value) 的形式添加属性,这样的属性是可以动态响应的。var vm = new Vue({ data: { a:1 }})// vm.a 是响应式的vm.b = 2;// vm.b 是非响应式的。...原创 2018-08-31 16:27:18 · 395 阅读 · 0 评论 -
Vue 组件传递对象采用 keep-alive 与 localStorage 对比.md
Vue 组件传递对象采用 keep-alive 与 localStorage 对比两个 vue 组件,A 与 B,A通过路由的方式跳转到B,需要向B传递数据,我们这里传递的数据是由对象组成的数组,也就是引用类型变量。本篇文章的 A 是始终缓存的,也就是始终keepAlive === true。A页面时一个简单的商品列表及购物车页面:A中点击提交按钮会跳转到B,B是展示订单的页面:我们主...原创 2018-09-24 23:09:44 · 933 阅读 · 0 评论 -
常用的vue轮播组件
common vue-slidera vue slider component without jQuery.**events included: ** auto animation,hover on buttons, click the button.main theory: change the pisition of images container when the currentI...原创 2018-09-21 00:27:07 · 11333 阅读 · 0 评论 -
在vue项目中图片路径的使用.md
在vue项目中图片路径的使用应用vue-cli 构建的项目,图片一般保存在 src/assets 目录或者是 static 目录中,src 目录下的文件是webpack 打包时需要引用的,static 目录是不经过打包直接引用的。在 src/assets 目录下的图片引用:在组件的 template 中根据正常路径来引用即可<img src="../assets/mg-pizza.j...原创 2018-09-22 20:07:19 · 3387 阅读 · 0 评论 -
vue组件应用v-model
vue组件应用v-model一、input上的v-model原理vue中的v-model最常用的就是在input节点上,像下面这样:<input type="text" v-model="message">v-model实际上是一种数据和方法绑定的语法糖<input type="text" :value="message" @input="message = $ev原创 2018-10-14 23:28:56 · 238 阅读 · 0 评论 -
Vue中的驼峰式写法和短连接符写法
Vue中的驼峰式写法和短连接符写法字符串模板:template:``单文件组件(.vue):<template></template>html是不区分大小写的,统一转化为小写,本文主要讨论使用vue-cli构建的项目,即使用单文件组件的情况下。组件名按照约定,组建名命名应该是PascalCase的,在单文件组件中使用组件时,以下方式都可以:<HelloWo...原创 2018-10-15 14:08:44 · 5707 阅读 · 0 评论