第一種情況 預設頁面引用vue
1.建立news.vue
3.在main.js中
1. import news from './components/news'
2. 建立路由
vue.use(vuerouter)4.分路由鏈結 舉一反三vue.config.productiontip = false
/* eslint-disable no-new */
// 設定路由
const router = new vuerouter(,,]
})
在main.js 中引入一次，然後在main.js中做鏈結路由
在根vue 中引入一次
Vue入門3 元件
1 區域性元件 元件的定義模式可以直接在程式裡面採用html字串的方式進行定義，先進行乙個區域性元件的定義，所謂區域性元件指的是針對於某個vue物件定義的。js el msgdiv components html 執行結果 2 全域性元件 以上所定義的元件只能夠在當前vue物件使用，所以按照習慣性的...
vue學習筆記3 元件
1 元件命名 a.全小寫加連線符 vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時使用 kebab case，例如。b 駝峰式 vue.component mycomponentname 當使...
Vue 3 元件註冊
上一節實驗中，我們大概了解了一下元件的基礎，這一節實驗我們要深入元件註冊。我們在註冊元件的時候，我們都會給元件起乙個名字，就好像我們人的名字一樣。需要注意的是，我們的元件名字是有一些規範的，一般這種單檔案元件，我們強烈推薦使用字母全小寫且必須包含乙個連字元，全部小寫字母，單詞使用中華線 隔開。例如我...