脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-vue.js,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
1. 引入vue.js文件
2. 创建Vue实例 new Vue({ el:’#templ’, data:{ message:’hello world!’, arrList:[10,20,30], method:function(){ //具体的逻辑处理 } } })
3.htML. 数据绑定 a)文本插值. {{}} 1):
{{message}}
2):单次插值. 今后的数据的变化不会引起此处的改变
{{*message}}
3):表达式(语句和流程控制是无效的) {{ ok ? ‘YES’ : ‘NO’ }} b)指令
hello
//根据表达式seen的值的真假删除/增加
c)参数
//这里的参数是href 的特性跟表达式url的值进行了绑定。
d)缩写 1)v-bind。 ————————————– 2)v-on —————————————
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-vue.js全部内容,希望文章能够帮你解决javascript代码实例教程-vue.js所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。