---空白---

2019年11月13日

摘要： 1.大括号表达式 (1)在MVVM()中接收并保存配置对象 (2)调用Compile编译函数，将el和vm传入 function MVVM (option) { this.$option = option || {} this._data = option.data // 调用编译函数 new Co 阅读全文

posted @ 2019-11-13 23:27 ---空白--- 阅读(488) 评论(0) 推荐(0) 编辑

数据代理和数据劫持

摘要： 1.数据代理含义：数据代理字面意思的意思就是通过间接的方式管理某个数据，例如要访问vue中data的数据应该是vm.data.msg，访问vue中的方法应该是vm.methods.getMsg()，但是实际上我们直接使用vm.msg来访问vm.data.msg，使用vm.getMsg()来访问vm 阅读全文

posted @ 2019-11-13 22:02 ---空白--- 阅读(1015) 评论(0) 推荐(0) 编辑

2019年11月12日

Vue.js vuex

摘要： ###1.前言 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它解决了vue中不同组件之间状态共享的问题。通俗的说，它就是一个带响应式的全局变量管理，它数据的改变会触发相关页面/组件的更新，这是普通全局变量做不到的 ###2.vuex的安装及配置 npm安装vuex npm in 阅读全文

posted @ 2019-11-12 21:54 ---空白--- 阅读(225) 评论(0) 推荐(0) 编辑

2019年11月11日

Vue.js 插件

摘要： ###1.前言 vue的插件其实通过操作Vue这个对象，为其扩展新的功能。例如： // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive 阅读全文

posted @ 2019-11-11 22:33 ---空白--- 阅读(206) 评论(0) 推荐(0) 编辑

2019年11月10日

Vue.js 计算属性

摘要： ###1.基本含义计算属性被设计用来承载复杂的运算，他本质上是一个function，需要将其值绑定到HTML中才能具有响应式特性计算属性内的依赖数据发生变动时，会重新执行运行，并更新对应的Dom元素通过配置computed属性来定义计算属性计算属性除了能绑定到Dom元素中，还能在实例中直接已阅读全文

posted @ 2019-11-10 23:09 ---空白--- 阅读(422) 评论(0) 推荐(0) 编辑

Vue.js 监视属性

摘要： ###1.基本用法用途：对某个数据进行监听并执行对应的回调，可以是data中的数据，还可以是计算属性语法：在watch对象下添加字段，字段名为要监听的数据，字段值一般是fucntion，也可以是对象回调函数有2个参数：数据发生改变后的值，数据发生改变前的值 <script> var vm = 阅读全文

posted @ 2019-11-10 22:40 ---空白--- 阅读(316) 评论(0) 推荐(0) 编辑

Vue.js 生命周期

posted @ 2019-11-10 21:38 ---空白--- 阅读(254) 评论(0) 推荐(0) 编辑

Vue.js 过渡 & 动画

摘要： ###1.前言 Vue动画/过渡的本质：在通过v-if/v-show指令插入/移除/显示/隐藏某个标签元素时，在这个标签上包裹一个transition标签，Vue会为这个标签动态添加css类名，为这些类名设置css样式，来达到过渡或动画效果语法格式： <transition> <div v-if 阅读全文

posted @ 2019-11-10 17:45 ---空白--- 阅读(767) 评论(0) 推荐(0) 编辑

2019年11月9日

Vue.js 其他指令

摘要： ###1.ref标识通过给HTML标签或者组件标签设定ref属性，根据他的属性值来访问这个HTML元素或者组件语法：this.$refs.属性值 //为p标签设置ref属性 <div id="app"> <p ref="p1">期待你脚踏祥云</p> <button @click="test"> 阅读全文

posted @ 2019-11-09 11:12 ---空白--- 阅读(205) 评论(0) 推荐(0) 编辑

Vue.js 事件绑定

摘要： 1.事件监听 v-on:eventName可以简写成@eventName 事件对象：在HTML中，事件参数为$event，但是即使不传递，在回调函数中也可以直接使用event读取 <div id="app"> <button v-on:click="test">点我</button> <button 阅读全文

posted @ 2019-11-09 10:38 ---空白--- 阅读(1216) 评论(0) 推荐(0) 编辑

公告