当我们的网页引入 Vue.js 的时候,会建立一个 Vue 的全域变数,并且提供各种功能等我们去使用。
<!-- HTML -->
<div id="app"></div>
// JS
const vm = Vue.createApp({
});
// JS
vm.mount('#app');
// JS
Vue.createApp({
}).mount('#app');
在完成第一个步骤的挂载後,因为 Vue 实体物件内还没有任何资料,所以不会产出任何画面,接下来要在 JS 中建立资料,并且在 HTML 中绑定资料。
// 用 data 函式来储存资料(固定格式,务必多练习记住)
const vm = Vue.createApp({
data () {
return {
title: 'Hello'
}
}
}).mount('#app');
<!-- {{}} 两个大括号可以绑定成内容文字 -->
<!-- 括号内打 data 里面 return 的物件名称即可 -->
<div id="app">
{{ title }} !!
</div>
// 前面多一个 $ 符号
vm.$data.title = 'Hola';
资料绑定不仅仅是输出而已,还能做运算。
const vm = Vue.createApp({
data () {
return {
money: 100
}
}
}).mount('#app');
<div id="app">
{{ title * 100 }}
</div>
<<: 【Day19-颜色】眼前的黑不是黑,你说的白是什麽白?——浅谈图片资料的色彩空间
>>: # Day 25 Heterogeneous Memory Management (HMM) (Summary)
前言 为了解决 Vue.js 2x 元件之间无法重复使用逻辑和程序码,而出现了 Compositio...
在决定要引入机器学习专案的时候,第一个要思考的问题就是,这个服务应该要从外面买?还是要自己建一个?(...
本来是没打算分成两天的。但第一天放入了程序码让文章看起来比较冗长,所以只好拆两天啦!今天一样也是 嵌...
当我们在 WordPress 写好的每一篇文章,对每一位看文章的读者来说都会得到一点知识价值,而为了...
刚开始学习的时候,我在font-family写的值都只会设定一个,完全不知道需要加上通用字型,也不...