摘要：
<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宗
阅读(103)
评论(0)
推荐(0)
摘要：
组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component> 阅读全文
posted @ 2022-02-11 11:30
Harry宗
阅读(314)
评论(0)
推荐(0)
摘要：
动态数组响应式数据 Vue.set(a,b,c) 让 触发视图重新更新一遍，数据动态起来 a是要更改的数据 、 b是数据的第几项、 c是更改后的数据 阅读全文
posted @ 2022-02-11 11:26
Harry宗
阅读(69)
评论(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宗
阅读(34)
评论(0)
推荐(0)
摘要：
使用watch来响应数据的变化 一般用于异步或者开销较大的操作 watch 中的属性 一定是data 中 已经存在的数据 当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听 <div id="a 阅读全文
posted @ 2022-02-11 11:10
Harry宗
阅读(45)
评论(0)
推荐(0)
摘要：
模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 <div id="app"> <!-- 阅读全文
posted @ 2022-02-11 11:05
Harry宗
阅读(68)
评论(0)
推荐(0)
摘要：
局部指令，需要定义在 directives 的选项 用法和全局用法一样 局部指令只能在当前组件里面使用 当全局指令和局部指令同名时以局部指令为准 <input type="text" v-color='msg'> <input type="text" v-focus> <script type="t 阅读全文
posted @ 2022-02-11 11:01
Harry宗
阅读(110)
评论(0)
推荐(0)
摘要：
<!-- 使用自定义的指令，只需在对用的元素中，加上'v-'的前缀形成类似于内部指令'v-if'，'v-text'的形式。 --> <input type="text" v-focus> <script> // 注意点： // 1、 在自定义指令中 如果以驼峰命名的方式定义 如 Vue.direct 阅读全文
posted @ 2022-02-11 11:00
Harry宗
阅读(289)
评论(0)
推荐(0)
摘要：
表单修饰符 .number 转换为数值 注意点： 当开始输入非数字的字符串时，因为Vue无法将字符串转换成数值 所以属性值将实时更新成相同的字符串。即使后面输入数字，也将被视作字符串。 .trim 自动过滤用户输入的首尾空白字符 只能去掉首尾的 不能去除中间的空格 .lazy 将input事件切换成 阅读全文
posted @ 2022-02-11 10:55
Harry宗
阅读(81)
评论(0)
推荐(0)
浙公网安备 33010602011771号