methods: vue 里面可以放函数的地方 <div id="div"> <p >{{message}}</p> <button id="btn" v-on:click="change">点击翻译成中文</button> </div> <script src="https://cdn.jsdel ...
分类：
其他好文 时间：
2020-12-09 11:50:11
阅读次数：
4
计算属性 computed 模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 <div i ...
分类：
其他好文 时间：
2020-11-06 02:15:38
阅读次数：
21
1.背景 在实际开发中,有的属性很复杂,需要计算得到..... 2.简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算属性</title> <!-- 开发环境版本，包含了有帮助的命令行警告 --> ...
分类：
其他好文 时间：
2020-10-16 10:58:39
阅读次数：
19
// 方法<p>Reversed message: "{{ reversedMessage() }}"</p> // 在组件中 methods: { reversedMessage: function () { return this.message.split('').reverse().join ...
分类：
其他好文 时间：
2020-10-09 20:58:23
阅读次数：
24
简单的一些小计算可以直接用模板内的表达式计算，比较复杂一点的就建议使用“计算属性来运算了”，也方便后期的维护；vue所有的计算属性都以函数的形式写在Vue实例内的computed里面，返回计算后的数据。 计算属性可以同时按多个Vue实例来计算，只要其中任何一个数据发生变化，计算属性就会重新计算一遍， ...
分类：
其他好文 时间：
2020-09-24 21:19:05
阅读次数：
46
前言 watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。 那么本文就来带大家从源码理解 watch 的工作流程，以及依赖收集和深度监听的实现。在此之前，希望你能对响应式原理流程、依赖收集 ...
分类：
其他好文 时间：
2020-09-23 23:43:37
阅读次数：
41
vuex官方文档 Vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大 ...
分类：
其他好文 时间：
2020-09-17 21:04:35
阅读次数：
22
VueX Created: Aug 15, 2020 4:42 PM 分类: 技术点 技术: VueX 文件: src/store/action.js, src/store/index.js, src/store/mutation.js Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 ...
分类：
其他好文 时间：
2020-08-27 13:08:06
阅读次数：
51
<div id="app"> <p>{{getFullName()}}</p> <p>{{fullName}}</p> </div> <script src="js/vue.js"></script> <script> let vue = new Vue({ el: '#app', data: { ...
分类：
其他好文 时间：
2020-08-09 19:10:22
阅读次数：
67
1、区别 watch中的函数是不需要调用的 computed内部的函数调用的时候不需要加() watch 属性监听 监听属性的变化 computed:计算属性通过属性计算而得来的属性 watch需要在数据变化时执行异步或开销较大的操作时使用 对于任何复杂逻辑或一个数据属性在它所依赖的属性发生变化时， ...
分类：
其他好文 时间：
2020-08-03 13:31:32
阅读次数：
81
