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 教程

每日一句

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

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<