Vue
关注
分享
扫一扫
文章平均质量分 54
ZhaoYLi
这个作者很懒，什么都没留下…
展开
-
Vue 学习笔记（四）——vue的data选项使用注意
一、实例化组件时，挂载选项data 必须是函数，使用函数每次返回值都是一个新对象例如： <body> <div id="app"> <my-div></my-div> </div> <script type="text/template" id="my_div"&g原创 2018-03-30 12:28:29 · 4466 阅读 · 0 评论 -
Vue 组件（一）父组件向子组件传递数据
1、父组件通过props向子组件传递数据组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。通常父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件接收到后根据参数的不同来渲染不同的内容或执行操作。这个正向传递数据的过程就是通过 props 来实现的。组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种： （1）字符串数组我们...原创 2018-04-16 17:03:21 · 22584 阅读 · 2 评论 -
Vue 组件（二）子组件向父组件传递数据
子组件向父组件传递数据有一下两种方式：1、自定义事件子组件用”$emit()“来触发事件，父组件用”$on()“来监听子组件事件。父组件也可以直接在子组件的自定义标签上使用” v-on ” 来监听子组件触发的自定义事件。（因为” v-on “除了监听DOM事件外，还可以用于组件间的自定义事件。）示例代码：<div id="app"> <p&...原创 2018-04-16 22:48:16 · 4898 阅读 · 0 评论 -
Vue 组件（三）非父子组件通信
在实际业务中，除了父子组件通信外，还有很多非父子组件通信的场景。非父子通信组件一般有两种，兄弟组件通信和跨级组件通信。实现非父子组件通信主要有以下三种方法：1、中央事件总线（bus） 使用一个空的 Vue 实例作为中央事件总线，轻量地实现了任何组件间的通信，包括父子、兄弟、跨级组件.示例代码如下：<div id="app"> {{message...原创 2018-04-16 23:25:56 · 568 阅读 · 0 评论 -
axios 学习笔记
一、什么是axios？axios是基于Promise的HTTP库，同时支持前端和Node.js。二、特点1、支持浏览器和node.js 2、支持Promise 3、能拦截请求和响应 4、能转换请求和响应数据 5、能取消请求 6、自动转换JSON数据 7、浏览器端支持防止CSRF（跨站请求伪造）三、浏览器支持四、安装npm安装npm install a...原创 2018-08-28 01:28:34 · 273 阅读 · 0 评论 -
MVVM及Vue 中数据双向绑定实现原理
一、MVVM１、定义MVVM是Model - View - ViewModel的简写。即模型－视图－视图模型。① Model：指后端传递的数据，如Object、Array等。② View：指页面视图。③ ViewModel：是mvvm模式的核心，是链接model和view的桥梁。它有两个方向：一是将模型转化成视图，即将后端传递的数据转化为所看到的页面。二是将视图转化成模型，即通过DOM事...原创 2019-08-27 17:37:30 · 1517 阅读 · 0 评论