在運行過程中出現的報錯如下：
Vue packages version mismatch:
- [email protected]
- [email protected]
This may cause things to work incorrectly. Make sure to use the same version for both.
根據提示然後需要將vue和vue-server-renderer的版本統一
所以將vue的版本提高到2.6.11
yarn add [email protected]
然後再運行
yarn dev
就解決了！
註冊全局組件 1.新增Users.vue <template > <div id="users"> <ol> <!-- vue 遍歷需要key屬性綁定--> <li v-for="(va
App.vue <template> <div id="app"> <Header/> <!--使用組件 並傳遞當前組件值 --> <Users :users="users" :username=
Header.vue <template > <div class="Header"> <h1>{{title}}</h1> </div> </template> <script> //js
scoped的作用：使嵌套的樣式引用不影響當前的vue App.vue <template> <div id="app"> <h1>APP.VUE</h1> <!--使用組件--> <Users/>
<body> <div id="app"> <!-- 瀏覽器會默認傳遞事件屬性 --> <button @click="btnClick1">按鈕1</button> <!-- 當需要傳遞事件屬性時，