vue2.0全家桶
那个小屋
这个作者很懒,什么都没留下…
展开
-
简单模拟Vue虚拟DOM
简单模拟Vue虚拟DOM <script> // 简单模拟Vue虚拟DOM function vElement(tageName, prop, children) { //判断调用者是否为vElement的实例 if(!(this instanceof vElement)) { return new vElement(tageName, prop, children)原创 2020-08-10 17:36:17 · 199 阅读 · 0 评论 -
vue入门
vue入门前言能够使用vue开发大部分应用的常见功能对vue的核心原理有一定认识需要的知识html+css知识javascript知识部分ES6知识(本节课需要用到字符串模板、速写方法、速写属性)vue是什么?vue的官网:https://cn.vuejs.org/vue是一个渐进式的javascript框架渐进式:vue可以和其他传统(比如jquery)前端技术融合,这意味着你可以向已有工程中逐步植入vue,而无须全部重写javascript框架:基于JS语言书写而成的框架原创 2020-07-27 00:36:47 · 114 阅读 · 0 评论 -
vue组件
vue组件知识准备ES6的模块化知识ajax网络请求fetch apipromise apiasync awaitajax请求地址:http://yuanjin.tech:5005/api/movie?page=页码&limit=页容量组件概念一个完整的网页是复杂的,如果将其作为一个整体来进行开发,将会遇到下面的困难代码凌乱臃肿不易协作难以复用vue推荐使用一种更加精细的控制方案——组件化开发所谓组件化,即把一个页面中区域功能细分,每一个区域成为一个组件原创 2020-07-27 17:13:17 · 138 阅读 · 0 评论 -
vue组件事件、组件插槽、v-model
深入组件 {ignore}属性约束参考官网描述组件事件组件之间经常都会发生消息的传递,我们称之为组件通信prop是组件通信的一种,消息从父组件传递到子组件但还有一些场景,就是子组件中发生了一件事,可是它没有能力处理这件事,需要使用它的人来处理,此时,就需要事件 event例如,倒计时组件停止了,可是停止之后干嘛呢?在不同的场景要做不同的事情,可能什么也不做,可能在页面上显示倒计时结束了,也可能把计时器组件销毁掉,也可能另一个组件会变化?无论是哪种情况,都超出了计时器组件的控制能力所以,计时原创 2020-07-30 12:53:36 · 310 阅读 · 0 评论 -
vue路由 vue-router 应知应会
vue路由一个站点由很多页面组成,需要在不同的页面之间切换在vue中,可以把每个页面看作是一个组件,页面的切换,实际上就是组件的切换显示除了可以手动的实现组件切换,还可以利用vue路由安装vue路由的核心功能,就是根据不同的页面地址,切换到不同的组件进行显示要实现这一点,需要用到vue-router库在页面上引入vue-router库创建一个VueRouter对象vue-router库提供了一个构造函数VueRouter,通过它可以创建一个对象var router = new Vu原创 2020-08-01 15:54:03 · 211 阅读 · 0 评论 -
vuex 数据管理
数据管理 {ignore}在实际的开发中,经常会遇到多个组件共享一个数据的场景面对这种场景,会产生至少以下两个问题:多个组件如何共享同一份数据?如果某个组件修改了数据,如何让其他组件知道?面对这种问题,一个可行的解决办法,就是让数据提升所谓数据提升,就是把数据提升到更加顶层的组件,让顶层的组件通过属性下发数据,而当组件想改变数据的时候,又通过事件一层层向上传递使用这种方式,虽然可以解决问题,但是带来了更多的问题:书写特别繁琐依赖极其混乱:某些组件本来并不需要一些数据,但是由于它的原创 2020-08-01 15:57:12 · 329 阅读 · 0 评论