码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js

时间:2019-07-31 21:55:40      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:appdata   对象   input   div   ext   标记   mes   事件   开头   

1. {{}}: 放置对象

2. el:‘#msgDiv‘: 设置要进行的渲染的根元素,可自己定义

3. data:{}    :设置数据源

4. 开头是属性名称使用     “    ”

5. 开头是事件名称使用  “

6.. 设置计数累加 和定时刷新

var index=0 ;

function setAppData() {

app.$data.message = ‘hello‘ + index ++ ;

setTimeout(setAppData,2000) //每两秒更新一次   

}

setAppData();    //页面加载完成后直接执行程序

7.设置元素只渲染一次,在元素后面添加标记 “v-once”

例如:<div id="msg=Div" v-once>

8.双向绑定设置 v-model=" xxxx "

<input type="text" v-model="message">

9.设置反转 

<h1>【原始消息】:{{message}}</h1>

<h1>【反转消息】:{{message.split(‘‘).reverse().join(‘‘)}} <h1>

 

Vue.js

标签:appdata   对象   input   div   ext   标记   mes   事件   开头   

原文地址:https://www.cnblogs.com/fcitx/p/11279149.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!