vue的vue语法
(备注:vue语法知识以vuejs官方文档为核心,辅助一些个人理解或其他案例图解,所以文章不能说是原创,属于伪原创。)Vue基本语法vueinstanceletvm=newVue({el:'#app',//表示挂载的DOM节点data:{//如果数据是单个组件数据是一个函数,则每个实例的数据是notsharedmessage:'hellovue!'},methods:{//里面是vue实例的方法})插值文本当插入一个数据进行文本分析时,直接使用{{}}
{{message}}
HTML如果插入的数据使用v-html解析
{{msg}}nodeattributewhen如果需要给节点添加属性,使用v-bind:可以使用简写:当属性值为布尔值时,如果为false或null或undefined,则不渲染该属性,其他所有值默认为true(存在即真理)`letapp=newVue({el:'#app',data:{attr:false}})`javaScript表达式插值除了data属性外js表达式{{++num}}{{name?'xuwen':'tom'}}可以放在属性中v-htmlv-bind:abbreviation:v-on:abbreviation@v-ifv-showv-forv-model动态属性这些指令的具体用法将在后面的章节中详细说明。v-for列表渲染需要说明一下。不管是官方还是别处,v-for都是用forin。其实我也不是特别理解,如果data属性值是数组,我更喜欢。objects的使用,in的使用,更语义化{{list.name}} data(){return{name:'vuejs',lists:[{id:1,name:'徐文'},{id:2,name:'文天祥'},{id:3,name:'SuShi'}]}}在v-for块中,我们可以访问所有父作用域属性
{{name}}-{{list.name}}