入门vue---vue实例和构造选项的入门属性

Vue实例

通过vue官网我们可以知道:每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:

      var vm = new Vue({
          // 选项
      })

通过上面代码,结合原型和原型链的知识,可以得出:vm. __proto__= Vue.prototype,我们来画一张内存图:

vue的内存图.png

我们首先看options里面有什么

Vue的options

options也就是选项,在vue官网中搜索‘选项’两个字,即可知道options包括什么东西

options的五种属性:
options的五种属性.png

入门属性

el---就是element,节点,挂载点,与 $mount 有替换关系,使用方法:vm.$mount( "#app" )

data---内部数据,data里面写需要定义的变量;data可以写成对象或者函数的形式,但是优先使用函数,同时组件的定义方法,只接受函数

methods---方法,事件处理函数或是普通函数,每次渲染都会执行,不论变化不变化

component---也叫作组件---官网的解释为:组件是可复用的 Vue 实例,组件有以下几种使用方式:

指令

v-text :解析文本,类似于插值表达式
v-html:解析HTML,会解析html标签
v-bind:动态更新HTML上的属性,比如id,class,简写为:" : "
v-on:—它用来绑定事件监听器,简写为:'' @ "
v-show:改变了css属性display
v-once:它的元素和组件值渲染一次
v-cloak:解决初始化慢导致的页面闪动

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容