Vue.js

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>

 

posted @ 2019-07-31 21:20  萧余  阅读(143)  评论(0编辑  收藏  举报