vue
mzrxLXR
这个作者很懒,什么都没留下…
展开
-
vue2.0的三种常用传值方式,并且如何实现?
问题网址 : vue2.0的三种常用传值方式,并且如何实现?父组件向子组件传值使用prop实现父组件上的数据向子组件的传递 1. 使用props建立数据通道的渠道// 这是父组件<div id="app">// 这是子组件 <child message="hell原创 2018-08-03 17:15:32 · 439 阅读 · 0 评论 -
使用angular vue react框架做过那些类型的项目?项目有多大?遇到过那些棘手的bug?
angular现在市场小,没有用它做过大型项目 ,我现在主要用vue、react来做开发。做过电商、在线教育等移动端web和app。 棘手的Bug:做微信分享时与后台对接签名的问题,用vue做websocket时第一次访问和服务端通信,跳转其他页面后依然保持连接没有断开,会造成下次访问再次创建连接,发送消息是出现两次以上同样的信息,解决方案,在跳转页面时,需要在钩子方法beforeDestro...原创 2018-08-08 23:06:10 · 371 阅读 · 0 评论 -
vue中如何实现过渡动画?
vue如何实现过渡动画通过两种方式可以实现class方式在dom元素发生变化的时候为其添加特定的class,从而产生过渡效果css的过渡状态 v-enter: 定义进入过渡的开始状态. v-enter-active: 定义进入过渡的开始状态. v-leave 定义离开过渡的开始状态 v-leave-active 定义离开过渡的结束状态 js方式通过暴露出的过渡系统的...原创 2018-08-08 15:32:02 · 419 阅读 · 0 评论 -
vue项目实现路由按需加载(路由懒加载)的3种方式
vue项目实现按需加载的3种方式转自 : https://segmentfault.com/a/1190000011519350vue异步组件es提案的import()webpack的require,ensure() 1 . vue异步组件技术 ==== 异步加载 vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 . ...转载 2018-08-07 17:05:58 · 21541 阅读 · 2 评论 -
vue-router的原理?catch方法的实现原理
问题网址:http://bbs.daxiangclass.com/?thread-29.htm 解决方案: 用户通过vue的router.push和router.replace来修改地址栏。同时监控地址栏。获取到对应组件,去配置信息里面寻找对应的页面显示 vue的两种模式hash模式这种 # ,也就是hash值的变化不会导致浏览器向发送请求,每次hash值的变化都会触发一个...原创 2018-08-07 14:05:31 · 3757 阅读 · 0 评论 -
Vue内置指令总结
vue内置指令总结v-bind可以绑定属性,包括class style , 也可以使用:替代在1vue.0中有三种修饰符,.sync,.once,.camel,在2.0中废弃了前面两个camel将绑定的特性的名称转化为驼峰法则命名v-model随着表单控件的不同而有所不同 可以添加修饰符.lazy .number .trimv-i...原创 2018-08-02 11:33:19 · 561 阅读 · 0 评论 -
mvvm是什么?
问题网址 : http://bbs.daxiangclass.com/?thread-38.htmMVVM是什么?MVVM是Model-View-ViewModel 的 缩写,MVVM是一种设计思想.vue就是用这种设计模式,实现了视图和数据分类 MVVM主要实现的页面和数据的同步,当View改变是把数据同步到Model当 Model改变是将数据同步更新到ViewModel层代表...原创 2018-08-10 08:53:15 · 1448 阅读 · 0 评论 -
vue的优势为什么使用vue?
问题网址 : http://bbs.daxiangclass.com/?thread-35.htm 轻量级框架只关注视图层,是一个构建数据的视图集合,大小只有几十kb简单易学国人开发,中文文档,不存在语言障碍,易于理解和学习双向数据绑定保留了angular的特点在数据操作方面更为简单组件化保留了react的优点实现了html的封装和重用,在构建...原创 2018-08-04 16:41:31 · 10250 阅读 · 0 评论 -
Vuex有那几种状态和属性?
vuex的流程页面通过mapAction异步提交事件到action。action通过commit把对应参数同步提交到mutation。mutation会修改state中对于的值。 最后通过getter把对应值跑出去,在页面的计算属性中,通过mapGetter来动态获取state中的值vuex有哪几种状态和属性有五种,分别是State , Getter , Mutation , Act...原创 2018-08-04 16:26:09 · 7035 阅读 · 2 评论 -
vuex中action和mutation分别用来处理什么?
问题网址 : http://bbs.daxiangclass.com/?thread-73.htmaction处理异步数据最终提交到数据库mutation用来同步数据做业务的处理 (vuex中store数据改变唯一的方法就是mutation)...原创 2018-08-04 16:09:24 · 2369 阅读 · 0 评论 -
vue-router有哪几种导航钩子
问题网址 : http://bbs.daxiangclass.com/?thread-306.htm 1. 全局的钩子函数:定义在全局路由对象中 2. 某个路由独享的钩子,可以在路由配置上直接定义beforeEnter钩子函数 3. 组件内的钩子函数: 定义在组件的route选项中...原创 2018-08-04 15:11:34 · 2928 阅读 · 0 评论 -
说说redux和vuex的不同?
redux和vuex的不同?问题网址 http://bbs.daxiangclass.com/?thread-82.htmVuex是吸收了Redux的经验,放弃了一些特性作了下优化,代价是只能和vue配合Redux 是一个纯粹的状态管理系统,React利用React-Redux和React框架结合起来vuex是redux的基础进行改变,对仓库的管理更加明确vuex有自动渲染的功能,...转载 2018-08-04 15:00:20 · 1266 阅读 · 0 评论 -
vue中watch和computed的区别
vue中watch和computed的区别watch: 监视,能够监听到数据的变化,只要数据变化的时候,都会自定执行对应的方法computed 计算属性,存在一个计算缓存的特性,每一次计算之后,只要里面的逻辑不发生变化,每一次重复调用,都会使用上一次执行的结果,能够节省计算的时间你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch,通常更好的是使用 computed 属性而...原创 2018-08-03 21:16:39 · 1829 阅读 · 0 评论 -
解释一下什么是vue实例
问题网址 : http://bbs.daxiangclass.com/?thread-76.htmvue中的实例类似于创建一个对象,里面包含钩子函数,data,methods.components等vue实例的对象data 主要是用来存放数据的 Vue框架会检测data的数据变化,自动更新到html上计算属性computed 主要是用来一些比较复杂的逻辑计算 虽然{{}} 是非常便...原创 2018-08-03 20:41:36 · 4879 阅读 · 0 评论 -
vue数据双向绑定的实现原理?
1 . vue的双向数据绑定实现的原理就是利用了 Object.defineProperty() 这个方法 中的获取属性值(get)和设置属性值(set) 2 . 正常来说V到M 其中 V 代表的视图 M代表数据模型 3 . M - V 是用Object.defineProperty()给所有属性添加get/set的监控 4 . V - M 是绑定事件 可以用onChange bind...转载 2018-08-03 20:16:04 · 188 阅读 · 0 评论 -
如何实现一个组件封装?
问题网址 : http://bbs.daxiangclass.com/?thread-271.htmjs前端组件的封装方法定义一个类类中增加一个方法body中定义一个dom节点脚本中把dom节点和类定义结合起来 , 实现特定的组件功能vue组件封装建立组件的模板,先把架子搭起来,写写样式,考虑你的组件的基本逻辑然后在引用得组件中 用import引入组件 通过com...原创 2018-08-16 10:07:28 · 8929 阅读 · 0 评论