vue模板

時間 2020-09-22

標籤 vue 模板简体版

原文原文鏈接

<!DOCTYPE html>javascript

<html>css

<head>html

<meta charset="utf-8" />vue

<title>模板</title>java

</head>ide

<script type="text/javascript" src="js/vue.js" ></script>spa

<script>雙向綁定

window.onload = function(){調試

//配置是否容許檢查代碼,方便調試，生產環境中設置爲falsehtm

Vue.config.devtools = true; //檢查代碼

Vue.config.productioinTip = false; //有強迫症的，能夠關掉生產中的提示信息

let vm = new Vue({

el: "#div1",

data:{

msg:'hello world!!!'

},

created:function(){

alert(1111);

}

});

}

</script>

<style type="text/css">

[v-cloak]{

display: none;

}

</style>

<body>

<div id="div1">

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

<h1>aaaa<span v-cloak>`msg`</span></h1>

<h1 v-text="msg"></h1>

<h1 v-html="msg"></h1>

<h2 v-once>`msg`</h2>

<h3 v-pre>`msg`</h3>

</div>

</body>

</html>

相關文章

相關標籤/搜索

Thymeleaf 教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<