Vue笔记第一天

第一天

1.导包(可以npm直接引入或者直接官网下载)
2.初体验

3.插值语法 {{}}
4.指令系统:
v-text {{}} 相当于原生js的 innerText
v-htnl {{}} 相当于原生js的innerHtml

v-if和v-show
v-if
如果为true 相当于appendChild
如果为false 相当于removeChild
v-show
如果为true 相当于div.style.display=‘block’
如果为false 相当于div.style.display=‘none’

数组 对象的插值 v-for
v-for=’(item,index) in arrs’
v-for 的优先级高于v-if v-show {{模板语法插值}} v-html

v-on:原生的js的事件名=‘逻辑’
v-on:原生的js的事件名=‘方法名’ 该方法必须写在methods

v-bind:标签中的原生属性
data=====>view的单向数据绑定

v-model:只能应用在表单控件中
data=====>view 的双向数据绑定

示意图如下: