Vue.js

Posted 2022-06-01 fcitx

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>