广告合作QQ：76874919

Vue.js基础知识小结

Vue 2018-12-31

数据绑定

1.单向绑定

var app = new Vue({ el:"#app",data:{ message:"Hello,vue.js!" }

2.双向绑定

{{message}}

var app = new Vue({ el:"#app",vue.js!" }

3.v-for列表渲染

    • new Vue({ el:"#app",data:{ todos:[ {text:"abcdef"},{text:"123456"},{text:"qwerta"} ] } })

    3.处理用户输入

    {{ message }}

    new Vue({ el: "#app",data:{ message:"Hello Vue.js!" },methods:{ reverseMessage:function() { this .message = this.message.split('').revserse().join(''); } } })

    4.综合

    • {{ todo.text }}

    以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！

    相关文章

    elementui的el-tree第一次加载无法展开和选中的问题
    问题现象 elmentui的el-tree数据加载问题，导致第一次加载选中当前节点和高亮当前节点没有生效。 解决方...
    VSCODE打开一个文件，另一个文件就关闭的问题的解决方法
    因为刚打开文件，vscode默认是预览状态，如果编辑过之后，就不会有这个问题。 可以通过双击将预览状态接...
    一文带你学会国产加密算法SM4的vue实现方案
    前言 上篇文章我们介绍了国产SM4加密算法的后端java实现方案。没有看过的小伙伴可以看一下这篇文章。 h...
    解决vue报错：Module build failed (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js): TypeError: Cannot read property 'range' of null
    在项目中引入动态路由时报错 写法: 报错: Module build failed (from ./node_modules/_eslint-loader@2...
    vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题
    问题产生 在使用babel编译es6时，遇到报错Uncaught ReferenceError: regeneratorRuntime is not define...
    vue的自定义组件如何使用prop传值？
    父组件的编写 <a:orgCode=orgCode ></a> 在data里面增加...