外贸网站建设ppt模板,黔江网站制作,信阳网站建设信阳,临沂经开区建设局网站一、vi-if
1.1基本使用 必须绑定大盒子包住的代码#xff0c;使用id或者class都可以进行绑定 new Vue({ el:#id el:.class }) 1.2v-if和v-show的区别 v-show会渲染#xff0c;但是不显示#xff0c;v-if不渲染不显示 1.3vue实例的作用范围 必须包…一、vi-if
1.1基本使用 必须绑定大盒子包住的代码使用id或者class都可以进行绑定 new Vue({ el:#id el:.class }) 1.2v-if和v-show的区别 v-show会渲染但是不显示v-if不渲染不显示 1.3vue实例的作用范围 必须包裹在实例化的id或者class中用{{}}进行引用 二、v-for
2.1 基本使用 数据写在script中的data部分v-for写在代码区 语法v-foritem in 数组名 使用{{item}} 2.2for循环渲染 v-for(i,j) in 数组名/对象名 先内容后索引 使用{{j:i}} 效果下标内容 三、模版语法
3.1v-html v-html:可以渲染html代码 在js代码中定义了带css或者html的内容 在内容代码中使用v-html“带html代码的内容” 3.2 v-bind 如果需要使用js代码中data的内容来渲染页面 可以使用样式名 的方式来实现 原型是v-bind 例如v-bindhref 简写 href 四、v-on指令
4.1基本使用 如果在点击某个按钮时切换样式可以用v-on和点击事件完成 在内容区button v-onclick“函数名” 所有函数或者方法都写在methods区 在js区methods:{ 函数名function{ 实现方法} } 4.2v-on简写 需要的操作 例如click
