html
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue Mastery</title>
<!-- Import Styles -->
<link rel="stylesheet" href="./assets/styles.css" />
<!-- Import Vue.js -->
<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
</head>
<body>
<div id="two-way-binding">
<p>{
{
message }}</p>
<input v-model="message" />
</div>
<!-- Import Js -->
<script src='./main.js'>
</script>
</body>
</html>
js
main.js
const TwoWayBinding = {
data() {
return {
message: 'Hello Vue!'
}
}
}
Vue.createApp(TwoWayBinding).mount('#two-way-binding')
原来，css可以不要！
当然，也可以加上，我猜，以后再试加上的css吧。
核心还是html和js，就把事儿办成了
心里，老是想把js混同成css
撒花~