vue.extend()使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。data 选项是特例,需要注意 - 在 Vue.extend() 中它必须是函数
v-text 插入文本 v-text='name' data{name:'中国'}显示的就是中国,写的是什么就显示什么不解析
v-html 插入html字段 v-html='msg' msg:'<a href ='#' >百度</a>' 会解析是显示百度点击出现网址
v-once 只渲染一次,不会被改变
v-bind 动态绑定 动态属性v-bind:title='item' 简写:title='item'
v-for 列表渲染
v-for='(item ,idx) in 数组名称' v-text='item'
v-for='(val,key) of 对象名称' v-text='val'
v-if 条件渲染q
v-if v-ease if v-ease
v-if 和 v-show区别:v-if 隐藏是直接移除掉,性能很高
v-show 在隐藏是用style=display:none来表示在节点上没有直接移除
v-on:click事件绑定 简写@click
v-model:双向绑定,表单绑定
v-clock:解决插值符合问题,网速慢的话用插值{{}},会显示出来,网速快没影响
阻止事件冒泡,在@click事件后加stop @click.stop=''
提交事件不再重复加载页面在v-on:submit后加prevent v-on:submit.prevent=''
数组的方法:变异方法 和 非变异方法
变异方法:可以改变原数组的方法,原数组会跟着改变
非变异方法:不会改变原数组
变异方法有:push(),pop(),shift(),splice(),reverse()