Vue
狗焕sama
这个作者很懒,什么都没留下…
展开
-
Vue:.native修饰符 父子组件挂载顺序 插槽的使用
Vue .native修饰符.native - 监听组件根元素的原生事件。即直接写到组件标签里例如:这样才能触发click事件父子组件挂载顺序父 beforeCreate父 created父 beforeMount子 beforeCreate子 created子 beforeMount子 mounted父 mountedvue插槽的使用具名插槽子组件:<slot name="han"></slot>父组件:<Ch.原创 2020-10-07 16:59:56 · 195 阅读 · 0 评论 -
Vue实例渲染与生命周期图
1.1 实例挂载在vue中实例挂载有两种方法:第一种在实例化vue时以el属性实现,第二种是通过vue.$mount()方法实现挂载。不管是哪种挂载都不影响vue实例化组件的执行流程和模式,只是通过vue.$mount()方法实现挂载可以更灵活的实现组件复用和挂载。在vue实例化中有一个非常关键的操作就是构建DOM抽象语法树,基于抽象语法树生成虚拟节点,然后再将数据渲染到虚拟节点上,再将完成数据渲染的节点添加到document中刷新页面,呈现页面效果。构建抽象语法树有三种方式:1.基于绑定的实例化属性原创 2020-09-13 19:44:30 · 1170 阅读 · 0 评论 -
MVVM的理解
参考博客:https://www.cnblogs.com/fundebug/p/vue-virtual-dom.htmlMVVM是Model-View-ViewModel的缩写(其中new Vue就是ViewModel)广义核心:用数据去驱动视图系统核心:1. 响应系统(双向绑定)2.虚拟DOM树(也就是虚拟节点,构建DOM抽象语法树,基于抽象语法树生成虚拟节点,然后再将数据渲染到虚拟节点上,再将完成数据渲染的节点添加到document中刷新页面,)Vue.js通过编译将template 模板转换原创 2020-09-13 19:44:09 · 195 阅读 · 0 评论 -
Vue动态添加类名
特别注意:Vue的class可以是方法返回类名<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名, 第二个参数:boolean值 --> <!-- 对象的形式: 用花括号包裹起来,类名用引号, --> <!-- 优点: 以对象的形式可以写多原创 2020-08-25 18:39:26 · 827 阅读 · 0 评论 -
this.$refs为什么打印的是undefined
原因是因为dom还没挂载上去导致获取不到原创 2020-08-18 15:20:42 · 433 阅读 · 0 评论 -
响应式的数组方法
// 1.push方法// this.letters.push(‘aaa’)// this.letters.push(‘aaaa’, ‘bbbb’, ‘cccc’) // 2.pop(): 删除数组中的最后一个元素 // this.letters.pop(); // 3.shift(): 删除数组中的第一个元素 // this.letters.shift();...原创 2020-03-28 00:36:48 · 151 阅读 · 0 评论 -
Vue基础指令
v-text<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-html相当于 innerHTML ,可以识别元素。有点组件的感觉<div id="app"> <h2 v-html="message"></h2>...原创 2020-03-27 23:30:36 · 216 阅读 · 0 评论