![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
努力的choco
这个作者很懒,什么都没留下…
展开
-
Vue 计算属性用法笔记
计算属性 vs 方法a.计算属性是基于它的依赖进行更新 只有在相关依赖发生改变时才能进行更新b.计算属性为缓存,依赖不变,多次访问方法结果为之前缓存结果,不会多次执行计算属性必须依赖对象用 有所依赖才有存在意义get和set计算属性只能通过自己的get函数获得值 默认为get函数 不能用外部的赋值为无效若要用外部改变计算属性 需通过设置set函数来改变他的依赖 使其自己的get函...原创 2018-11-28 22:21:48 · 176 阅读 · 0 评论 -
Vue常用指令及父子传值
v-model 双向绑定 主要用于表单元素 v-for 循环例 <div class="app"> <ul> <li v-for="value in arr">{{value}}</li> </ul> </div> <script&原创 2018-12-27 16:49:03 · 154 阅读 · 0 评论 -
Vue 事件和属性
1.1 事件简写v-on:click="" 简写方式 @click=""1.2 事件对象$event传参为当前事件的对象包含事件相关信息,如事件源、事件类型、偏移量target、type、offsetx1.3 事件冒泡阻止事件冒泡: a)原生js方式,依赖于事件对象 b)vue方式,不依赖于事件对象 @click.stop1.4 事件默...原创 2018-12-29 10:11:39 · 291 阅读 · 0 评论 -
Vue实例的属性和方法
一、 Vue实例的属性用法 实例名.属性例 vm.$data$data 获取实例中的数据对象也可简写为 vm.msg 直接跟data中的数据变量名vm.$el获取vm实例中绑定的dom对象然后可操作dom对象 例修改他的字体颜色 vm.$el.style.color = 'red'vm.$option 获取实例中的选项 例如methods data 或者自己写在data外...原创 2018-12-29 12:56:54 · 796 阅读 · 0 评论 -
Vue-cli脚手架搭建环境
1原创 2018-12-27 08:34:38 · 82 阅读 · 0 评论 -
Vuex状态持久化
在app.vue 的created钩子里加下面代码export default { name: 'app', components: {}, created() { if (sessionStorage.getItem("vuexState") ) { this.$store.replaceState(Object.assign({}, this.$store.state,JS...转载 2019-03-23 18:02:39 · 202 阅读 · 0 评论 -
vue-router实现路由管理的一些笔记
router.beforeEach((to, from, next) => { let token = sessionStorage.getItem('token'); //通过存入一个token来判断用户是否登录 if (!token && to.path != '/login') { sessionStorage.r...原创 2019-03-24 10:35:39 · 286 阅读 · 0 评论