zhishiyv - 博客园

vue 组件之间的通讯

摘要：使用 Vue 构建组件容易，与之相伴的就是 Vue 组件之间的通讯方式父子组件间通讯父组件向子组件通讯要在 Vue 中将数据从父组件传到子组件，我们可以通过 props 来实现。将数据从父组件传到子组件，在父组件中设置一个属性，该属性绑定和子组件的 prop 相同的名称的属性值。子组件向父组阅读全文

posted @ 2022-03-09 15:29 zhishiyv 阅读(51) 评论(0) 推荐(0) 编辑

vue 父子组件渲染过程

摘要： vue 的子组件有两种方式：同步和异步，在这两种引入方式下，父子组件加载的顺序也是不一样的。同步引入 import Page from '@/components/page' 异步引入 const Page = () => import('@/components/page'); // 或者： c 阅读全文

posted @ 2022-03-08 12:18 zhishiyv 阅读(634) 评论(0) 推荐(0) 编辑

vue 侦听器

摘要： Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。 <div id="watch-example"> <p> Ask a yes/no question: <input v-model="question"> < 阅读全文

posted @ 2022-03-07 16:42 zhishiyv 阅读(76) 评论(0) 推荐(0) 编辑

计算属性 vs 侦听属性

摘要：计算属性默认只有 getter，不过在需要时你也可以提供一个 setter： / ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // se 阅读全文

posted @ 2022-03-07 15:32 zhishiyv 阅读(17) 评论(0) 推荐(0) 编辑

计算属性缓存 vs 方法

摘要：其实，在使用计算属性的位置，我们通过调用方法可以达到同样的效果 <p>Reversed message: "{{ reversedMessage() }}"</p> // 在组件中 methods: { reversedMessage: function () { return this.messa 阅读全文

posted @ 2022-03-07 15:22 zhishiyv 阅读(49) 评论(0) 推荐(0) 编辑

vue 计算属性

摘要：计算属性 computed 对于复杂逻辑的计算结果，我们可以使用计算属性例子 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage 阅读全文

posted @ 2022-03-07 15:17 zhishiyv 阅读(164) 评论(0) 推荐(0) 编辑

立即执行函数与闭包

摘要：立即执行函数 //声明一个普通函数 fn function fn(){ console.log("hello"); } /*然后将函数的名字去掉即是匿名函数*/ //匿名函数，直接运行时会发现报错啦！ function (){ console.log("hello"); } /**单独运行一个匿名函阅读全文

posted @ 2022-03-02 14:43 zhishiyv 阅读(242) 评论(0) 推荐(0) 编辑

闭包(2)

摘要：闭包是一个重要的 JS 模式，可以私有访问变量 function createGreeter(greeting) { return function(name) { console.log(greeting + ', ' + name); } } const sayHello = createGre 阅读全文

posted @ 2022-03-02 09:47 zhishiyv 阅读(16) 评论(0) 推荐(0) 编辑

constructor 属性

摘要： constructor 属性返回所有JavaScript 变量的构造器函数 "Bill".constructor // 返回 "function String() { [native code] }" (3.14).constructor // 返回 "function Number() { [n 阅读全文

posted @ 2022-03-01 16:52 zhishiyv 阅读(23) 评论(0) 推荐(0) 编辑

typeof 运算符

摘要：可以使用 typeof 运算符来确定 JavaScript 变量的数据类型请注意： 1、NaN 的数据类型是数值 2、数组的数据类型是对象 3、日期的数据类型是对象 4、null 的数据类型是对象 5、未定义变量的数据类型是 undefined 因此，您无法使用 typeof 去判断对象是哪一种类阅读全文

posted @ 2022-03-01 16:36 zhishiyv 阅读(23) 评论(0) 推荐(0) 编辑