
vue
学无止境super
千里之行,始于足下
展开
-
vue学习笔记一:组件的注册
组件的注册有多种方式,主要分为全局注册和局部注册。原创 2019-08-05 20:21:46 · 166 阅读 · 0 评论 -
vue学习笔记二:父子组件传值
vue学习(一):父子组件传值一个理想的 Vue 应用是 prop 向下传递,事件向上传递的。原创 2019-08-06 09:14:01 · 205 阅读 · 0 评论 -
vue学习笔记三:非父子组件通信
前言在之前,我们学习了父子组件间的通信传值,接下来就看下非父子组件之间是怎样通信。通过单独的事件中心管理组件间的通信方式一:定义一个空的 Vue 实例作为事件总线步骤一:定义一个空的 Vue 实例作为事件总线。var eventHub = new Vue()我们把这个空的 Vue 实例当作我们组件间通信的中转站,然后在组件中,使用 $emit, $on, $off 分别来分发、监听、...原创 2019-08-06 15:22:34 · 409 阅读 · 0 评论 -
vue学习笔记四:路由启用懒加载
前言我们使用webpack来打包我们的vue项目,如果在配置路由的时候,没有启用路由懒加载,就需要把配置路由所需的组件都导入到路由文件中,并且在路由配置的时候显式调用,而且,如果没有使用懒加载的话,打包出来的文件可能会很大,影响我们首屏的加载速度,下面就来看看启用懒加载与不启用懒加载的区别吧。不用懒加载下面两张图是我个人练习项目中router.js文件的部分路由配置,展示了在不启用路由懒加载...原创 2019-08-06 16:36:33 · 722 阅读 · 0 评论 -
Vue、Reacct、Angular三大框架比较学习一:语法点的比较
插值表达式:vue:{{ }}react:{ }<img src={user.avatarUrl}></img>angular:{{ }}例子:标签内的文本或标签的属性<p>{{title}}</p><div><img src="{{itemImageUrl}}"></div>条件渲染:vue...原创 2019-08-06 17:14:16 · 938 阅读 · 0 评论 -
Vue、Reacct、Angular三大框架比较学习三:设计思想
VueVue官网中写到,Vue是一套用于构建用户界面的渐进式的框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,Vue 的核心只关心视图层。什么是渐进式的框架?我觉得,要理解Vue,首先要理解什么是渐进式的框架。渐进,"Progressive”——这个词在英文中定义是渐进,一步一步,不是说一开始就要把所有的东西都用上,可以在需要的时候再用。我们看下下面这张图:Vue...原创 2019-08-06 21:05:14 · 984 阅读 · 0 评论