摘要：
<div id="app"> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box 阅读全文
posted @ 2022-02-11 14:47
Harry宗
阅读(78)
评论(0)
推荐(0)
摘要：
父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。 然后子组件用属性props接收 在props中使用驼峰形式，模板中需要使用短横线的形式字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 AP 阅读全文
posted @ 2022-02-11 11:41
Harry宗
阅读(153)
评论(0)
推荐(0)
摘要：
<div id="app"> <my-component></my-component> </div> <script> // 定义组件的模板 var Child = { template: '<div>A custom component!</div>' } new Vue({ //局部注册组件 阅读全文
posted @ 2022-02-11 11:32
Harry宗
阅读(109)
评论(0)
推荐(0)
摘要：
组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component> 阅读全文
posted @ 2022-02-11 11:30
Harry宗
阅读(324)
评论(0)
推荐(0)
摘要：
动态数组响应式数据 Vue.set(a,b,c) 让 触发视图重新更新一遍，数据动态起来 a是要更改的数据 、 b是数据的第几项、 c是更改后的数据 阅读全文
posted @ 2022-02-11 11:26
Harry宗
阅读(75)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-02-11 11:21
Harry宗
阅读(33)
评论(0)
推荐(0)
摘要：
Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和v-bind表达式。 过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示 支持级联操作 过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本 全局注册时是filte 阅读全文
posted @ 2022-02-11 11:15
Harry宗
阅读(44)
评论(0)
推荐(0)
摘要：
使用watch来响应数据的变化 一般用于异步或者开销较大的操作 watch 中的属性 一定是data 中 已经存在的数据 当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听 <div id="a 阅读全文
posted @ 2022-02-11 11:10
Harry宗
阅读(54)
评论(0)
推荐(0)
摘要：
模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 <div id="app"> <!-- 阅读全文
posted @ 2022-02-11 11:05
Harry宗
阅读(76)
评论(0)
推荐(0)
摘要：
局部指令，需要定义在 directives 的选项 用法和全局用法一样 局部指令只能在当前组件里面使用 当全局指令和局部指令同名时以局部指令为准 <input type="text" v-color='msg'> <input type="text" v-focus> <script type="t 阅读全文
posted @ 2022-02-11 11:01
Harry宗
阅读(113)
评论(0)
推荐(0)
浙公网安备 33010602011771号