初識vue
此處及以下所講的vue暫時為vue2.x版本，後續有vue3.x版本會再做聲明
什麼是vue
衆所周知，vue是一種架構，那到底是什麼架構，什麼是架構，有什麼用，能用來幹什麼，說到底很難有人說清楚，我作為一名初學者沒辦法了解那麼高深，那就讓我用初學者的角度來往後講述我對vue的看法。
架構，是指對常見功能的封裝，為了友善寫代碼而産生的可重用設計
== 而vue，簡單來說，是基于js的一種單頁面web應用架構==
這裡有個新詞：單頁面
什麼是單頁面呢？
單頁面是指隻有一個首頁面的應用，浏覽器一開始要加載所有必須的 html, js, css。所有的頁面内容都包含在這個所謂的首頁面中。但在寫的時候，還是會分開寫（頁面片段），然後在互動的時候由路由程式動态載入。
相比初學者看到這些肯定還是不夠了解，不過會在vue的學習過程中逐漸了解什麼叫做單頁面應用，因為vue就是幹這個的～
分割線～～～～
在學習vue的初期，我們并不能像大佬一樣一上來就使用腳手架搭建項目，寫一些🐂氣哄哄的代碼，對于初學者來說，我們的學習暫時是針對于html嵌入vue.js，話不多說，上執行個體：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>初識vue</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<!--定義一個容器-->
<div id="root">
<h1>Hello,{{name.toUpperCase()}},{{address}},{{Date.now()}}</h1>
</div>
<script type="text/javascript">
//關閉vue的生産提示，後面的代碼都會有這一行
Vue.config.productionTip = false
//建立Vue執行個體
const x = new Vue({
//el用于指定目前vue執行個體為哪個容器服務，值通常為css選擇器字元串
el: '#root' ,
//data用于存儲資料，資料供el所指定的容器去使用，值我們暫時寫成一個對象
data: {
name: '張三',
address: '湖南',
}
})
</script>
</body>
</html>
在上述代碼中可以看到，我們在head标簽内部引入了一個叫做vue.js的外部檔案，這就是我們寫vue相關代碼的大前提。
針對上述代碼我做了如下解釋：
<!--
1.想要Vue工作，就必須建立一個Vue執行個體，并且要傳入一個配置對象；
2.root容器裡的代碼符合html規範，隻不過混入了一些特殊的vue文法；
3.root容器裡的代碼被稱為【Vue模闆】；
4.vue執行個體和容器是一一對應的
5.真實開發中隻有一個vue執行個體，并且配合元件一起使用
6.{{xxx}}中的xxx要寫js表達式，且xxx可以自動讀取到data中的所有屬性,例如：
下方的{{name}}是一個字元串，則可以使用toUpperCase()函數去将字元串中的小寫字母變成大寫。
7.一旦data中的資料發生改變，那麼模闆（頁面）中用到該資料的地方也會自動發生改變
注意區分：js表達式 和 js代碼（語句）
1.表達式：一個表達式會産生一個值，可以放在任何一個需要值的位置；
（1），a
（2），a+b
（3），demo(1)
（4），x==y ? 'a' : 'b'
2.js代碼（語句）
（1）if(){}
（2）for(){}
-->
上述内容均為跟随尚矽谷老師學習所記下的筆記，純手打，By the way
尚矽谷yyds~,♥️
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)