摘要：
组件 组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用 1.全局组件: 组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个) 注 阅读全文
posted @ 2022-09-05 23:51
前端小白银
阅读(32)
评论(0)
推荐(0)
摘要：
生命周期函数 相当于是一种特殊事件,当vm实例在整个运行的过程中,会在不同的时期去执行特定的函数,这样的函数就是vue的生命周期函数 beforeCreate created beforeMount mounted destory/x这些钩子都只执行一次 beforeUpdate updated第一 阅读全文
posted @ 2022-09-05 23:38
前端小白银
阅读(62)
评论(0)
推荐(0)
摘要：
自定义属性 除了默认设置的核心指令( v-model 和 v-show 等)，Vue 也允许注册自定义指令。 在Vue里，代码复用的主要形式和抽象是组件。 然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令 。 以一个input元素自动获得焦点为例，当页面加载时，使用 阅读全文
posted @ 2022-09-05 23:32
前端小白银
阅读(139)
评论(0)
推荐(0)
摘要：
属性侦听器 watch:{x(){}}中的方法名必须跟要监听的data中的属性名一样,才代表监听指定属性 当侦听器监听的属性发生变化时,就会调用watch中对应的方法 侦听器属性，比计算属性计算效率消耗大 new Vue({ el:"",//关联界面元素 data:{x:12},//vm的数据源 m 阅读全文
posted @ 2022-09-05 23:28
前端小白银
阅读(17)
评论(0)
推荐(0)
摘要：
计算属性 把computed中的方法当做属性使用,会返回一个数据供使用 <div id="app"> <p>{{msg}}</p> <p>方法获取的年龄:{{getAge()}}</p> <p>计算属性获取的年龄:{{getAge_computed}}</p> <button @click="cha 阅读全文
posted @ 2022-09-05 23:24
前端小白银
阅读(22)
评论(0)
推荐(0)
摘要：
过滤器 filter主要用于数据展示之前的处理 过滤器只能用在v-bind或者插值表达式中 <body> <div id="app"> <h2>{{data1}}</h2> <input v-model="data2"> <p>{{fn(data2)}}</p> <p>{{data2|fn2}}</ 阅读全文
posted @ 2022-09-05 23:20
前端小白银
阅读(14)
评论(0)
推荐(0)
摘要：
双向数据绑定的源代码 <body> <div id="app"> <p>{{data1}}</p> <input name="" id="" :value="data1" @input="fn"> </div> </body> <script> new Vue({ el:"#app", data:{ 阅读全文
posted @ 2022-09-05 23:17
前端小白银
阅读(29)
评论(0)
推荐(0)
摘要：
响应式数据 所谓的响应式数据就是如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据 Vue实现响应数据的原理 vue2.0 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消 阅读全文
posted @ 2022-09-05 23:06
前端小白银
阅读(100)
评论(0)
推荐(0)
浙公网安备 33010602011771号