![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue开发
jifukui
这个作者很懒,什么都没留下…
展开
-
Vue源码阅读之11挂载过程概述
当Vue组件的$options属性中具有el属性将会在此元素上进行挂载内容。if (vm.$options.el) { vm.$mount(vm.$options.el) } 在挂载这里就要区分Vue的一个概念,runtime only和runtime+compile,一个最主要的特征是runtime only的Vue对象中有渲染函数而runtime+compile的版本是需要经过编译生成渲染函数。 对于runtime only版本的Vu...原创 2020-06-30 20:07:06 · 199 阅读 · 0 评论 -
Vue源代码阅读10之从BeforeCreated到Created小结
经过前面的讲解我们可以看到在完成BeforeCreated之后进行了inject、props、methods、data、computed、watch、provide这些用户定义的属性的初始化过程。其中inject和provide需要搭配使用用于数据跨越组件的数据的传输。最常见和使用的是组件状态的初始化,但是需要注意props、methods、data、computed这些属性的覆盖问题,在非发布模式将会进行报错,但是在发布模式下将不会进行报错直接执行。 当程序执行到这里表明cre...原创 2020-06-29 09:44:18 · 386 阅读 · 0 评论 -
Vue源代码阅读9值provide属性初始化
provide属性和inject属性是需要进行搭配使用的,用于跨越父子组件的数据祖先组件向后代组件传输数据。这里我们将对provide属性的初始化进行讲解。export function initProvide (vm: Component) { const provide = vm.$options.provide if (provide) { vm._provided = typeof provide === 'function' ? provide.ca...原创 2020-06-29 09:13:18 · 352 阅读 · 0 评论 -
Vue学习 开始走向VUE开发5---条件渲染详解
这一节我们来讲条件渲染,单独讲解条件渲染可能比较单调和简单,这里我添加了v-for的组合使用。条件渲染主要有v-if,v-else-if,v-else,v-show。v-if后面接的表达式需要指明结果是真还是假,当条件为真时渲染v-if所在标签的内容,当条件为假是不渲染v-if所在标签的内容。v-else-if后面接的表达式指明结果为真还是假,当条件为真时渲染v-else-if所在标签...原创 2019-12-04 11:01:38 · 107 阅读 · 0 评论 -
Vue学习 开始走向VUE开发4---v-html使用详解
v-html的作用是设置和修改innerHTML。下面来看看示例程序:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue v-html</title><script src="https://cdn.bootcss.com/vue/2...原创 2019-12-03 09:52:52 · 333 阅读 · 0 评论 -
Vue学习 开始走向VUE开发3---v-bind的使用
v-bind主要是用来动态的绑定一个或者是多个特性,可以使用多种数据类型。废话不多说,先上程序。<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue v-bind</title><script src="https://cdn.boot...原创 2019-11-29 15:46:32 · 294 阅读 · 0 评论 -
Vue学习 开始走向VUE开发2---插值使用详解
插值是在Vue使用中最常见和最简单的一个用法,使用两层嵌套的大括号({{变量}})表示大括号中的内容将会被替换为变量表示的值,主要是用来表示文本的内容。 Vue的实现过程中将会跟踪这个变量值的变化,当这个值变化的时候对应使用插值的地方上的值也将会变化,经过我的实验Vue跟踪的值不只是会跟踪Vue对象中data属性中的值也可以跟中window环境下的值。具体的程序...原创 2019-11-29 13:21:04 · 194 阅读 · 0 评论 -
Vue学习 开始走向VUE开发1---感言
之前的文章写得是thttpd系列,其实在我工作中第一个参与的项目是Web前端开发,当时公司没有人做过领导就把这个任务交给了我,当时很是幸运接手的是国外一个大神程序,进行维护和开发,从组织结构到设计思想都很优秀,慢慢的肯了一年。但是当时的情况是不使用框架,纯靠JavaScript,JQuery,CSS和HTML完成整个单网页应用,我也就每行代码的啃大概有个3万行左右吧,做出了几款设备上的网页程序也...原创 2019-08-14 16:10:01 · 159 阅读 · 0 评论 -
Vue学习 开始走向VUE开发2---第一个Vue程序
Vue一个比较大的特色是支持数据的双向绑定,现在我们就一这个特性来开始第一个Vue程序带大家走进Vue的世界。<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue</title><script src="https://cdn.bootcs...原创 2019-08-14 16:50:36 · 122 阅读 · 0 评论