Vue实例
通过vue官网我们可以知道:每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:
var vm = new Vue({
// 选项
})
通过上面代码,结合原型和原型链的知识,可以得出:vm. __proto__= Vue.prototype
,我们来画一张内存图:
我们首先看options里面有什么
Vue的options
options也就是选项,在vue官网中搜索‘选项’两个字,即可知道options包括什么东西
options的五种属性:入门属性
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:解决初始化慢导致的页面闪动