• 上一篇: vue脚手架搭建项目的兼容性配置 下一篇:面试中React与Vue的比对

<div v-on:click = "change"></div> // 这里是个点击事件，而change是事件名称

v-bink:自定义属性 = "属性名称" 或者 :自定义属性 = "属性名称" // 动态绑定属性
例如：

<div v-bink:title = "hello"></div>    //这里就绑定了一个名叫hello的属性    

v-if = "判断条件" // if判断
例如：

<div v-if = "name === Vue"></div>   //判断name是不是等于Vue

v-for = "(参数1，参数2) in 数组" // 遍历数组
例如：

 <div id="app">
        <ul>
            <li v-for="(text,index) in list">    //第一个参数是内容，第二个是序号
                {{index}}-{{text}}
            </li>
        </ul>
    </div>
    <script src="./vue.js"></script>
    <script>
        var vm = new Vue({
            el:"#app",
            data:{
                list:[
                    "A","B","C"
                ]
            }
        })

当然Vue不止这些命令还有很多这里就不一一说明了，大家可以去官方查看更多https://cn.vuejs.org/v2/guide/

脚本宝典总结

以上是脚本宝典为你收集整理的Vue.js声明式渲染全部内容，希望文章能够帮你解决Vue.js声明式渲染所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。