随笔分类 -  vue框架

Vue的基本原理
摘要：创建vue实例，会遍历data中的属性，由object.defineProperty将其转为getter和setter，并追踪其依赖，当属性被访问或发生改变时会通知相应的watcher程序段在组件渲染的过程钟将其标记为依赖，之后当依赖项的setter被调用时会通知相应的watcher程序重新计算使得 阅读全文
posted @ 2022-10-14 14:44 HaoyuSun 阅读(438) 评论(0) 推荐(0)
vue后台管理系统布局
摘要：elementUI布局容器container <template> <div class="home-view"> <el-container> <el-header> <img src="../../public/imgs/logo.png" alt="学校logo"> <div class="s 阅读全文
posted @ 2022-03-30 11:12 HaoyuSun 阅读(384) 评论(0) 推荐(0)
vue组件通信，子组件向父组件通信
摘要：前置知识vue也实现了观察者模式，提供了订阅消息，发布消息，注销消息等方法。 $on(type, fn) 订阅消息方法 type：消息名称， fn：消息回调函数，参数是由$emit方法传递的。 $emit(type, ...args) 发布消息方法 type：消息名称， ...args：从第二个参数 阅读全文
posted @ 2022-03-26 16:09 HaoyuSun 阅读(389) 评论(0) 推荐(0)
vue组件通信 父向子通信
摘要：父组件向子组件通信：将父组件的数据，方法传递给子组件 1.在父组件模板中，为子组件元素传递数据 属性值默认时字符串，传递变量方法使用v-bind 命名规范字母小写- 2.子组件 props属性接收数据或方法 两种方式 属性值是 1.数组， 每一个成员代表一个接收的属性名称 或2.对象 k 接收的属性 阅读全文
posted @ 2022-03-26 15:54 HaoyuSun 阅读(82) 评论(0) 推荐(0)
vue插值语法
摘要：在模板中使用模型中数据 插值语法 ：{{}} 提供一个真正的js环境 插值语法中js表达式为无法复用，想要复用 可以放在计算属性数据中 (多定义监听器，性能) 逻辑复杂：计算属性数据 逻辑简单js表达式 <!-- 视图 --> <div id="app"> <!-- 指令属性值不允许插值语法 --> 阅读全文
posted @ 2022-03-26 15:00 HaoyuSun 阅读(208) 评论(0) 推荐(0)
Vue-组件
摘要：1.vue中组件怎么使用的 第一步，在模板中使用组件 组件名称首字母不区分大小写，字母小写 -分割 第二步，在脚本文件中，定义组件类 Vue.extend({}) 参数对象与new Vue相同 data computed methods watch等 功能相同但写法不同 data是函数 返回值是绑定 阅读全文
posted @ 2022-03-24 19:50 HaoyuSun 阅读(99) 评论(0) 推荐(0)
vue全家桶
摘要：vue全家桶 vue vuex vuex-router vue-resourse vuex： axios： es6不在维护vue-resourse，建议使用axios框架发送异步请求 axios不是vue全家桶,不能用Vue.use安装 import axios from 'axios'; 为了让每 阅读全文
posted @ 2022-03-24 17:00 HaoyuSun 阅读(42) 评论(0) 推荐(0)
vue数据双向绑定实现
摘要：1.vue2.0数据劫持defineProperty之后，结合发布订阅这模式 缺点：不能监听数组变化，必须遍历对象的每个属性，必须深层遍历嵌套的对象 2.vue3.0数据代理proxy 可以直接监听对象，数组(而非属性) 简单实现，通过Object对象的 defineProperty属性，重写dat 阅读全文
posted @ 2022-03-22 10:35 HaoyuSun 阅读(94) 评论(0) 推荐(0)