VUE 是个 M V VM框架

概述vue基本使用 new出来一个Vue的实例，传一堆配置参数，控制一片html VM: 响应系统 - > vDOM做标记 ->一个循环周期结束后-> *** 作DOM new Vue 返回 VM new Vue({ el:‘选择器‘ 要控制的那片html代码 data:{key:value}数据 methods:{fnName:fn} 方法 }) M: 初始化数据 data 选项 number/string

vue基本使用

new出来一个Vue的实例，传一堆配置参数，控制一片HTML

VM: 响应系统 - > vDOM做标记 ->一个循环周期结束后-> *** 作DOM
new Vue 返回 VM
new Vue({
el:‘选择器‘ 要控制的那片HTML代码
data:{key:value}数据
methods:{fnname:fn} 方法
})
M: 初始化数据
data 选项 number/string/boolean/array/Json/undefined/null
V: 数据绑定 插值表达式|指令|属性
{{数据名}} 模板 mustache 插值表达式 声明式渲染
v-text="数据名" vue特有的属性(指令) (不解释标签)
v-HTML="strong" 非转义输出 ( 解释标签)
v-for="(val,index) in 数据" val值 index索引 变量数组、对象
默认 :key="index" 指定key 是个bmw字符 vue是认得 修改VDom的key值
:key="item.ID" 指定key 是数据ID（唯一性） 修改VDom的key值

key的优势: 避免数据错乱导致的视图问题,提供性能

v-bind:HTML属性="数据" 普通的HTML属性绑定数据
:HTML属性="数据" 简写 Title/src/url/

事件：
v-on:事件名="方法"
@事件名="方法" 简写
@事件名="方法(参数)"
@事件名="方法($event,参数)" methods:{方法:function(ev,参数){ev/event}}

注意：vue提供的选项的值如果是函数时，不可用箭头函数

总结

以上是内存溢出为你收集整理的VUE 是个 M V VM框架全部内容，希望文章能够帮你解决VUE 是个 M V VM框架所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。