我這里以? main.js? ?文件為基礎(chǔ)調(diào)用文件
我用? ?import xxx? from 'xxxx'的方式引入數(shù)據(jù)
在 vue 開發(fā)中 vue.js文件是所有設(shè)定基礎(chǔ) 必須引入
import?Vue?from?'vue'
APP? ?引用的html頁面展示的標(biāo)簽和css基礎(chǔ)樣式設(shè)定
import?App?from?'./App'
router 應(yīng)用的是路由配置設(shè)定的文件
import?router?from?'./router'
我這里用的 webpac 打包方式 我用下面這句話? ? ?阻止啟動生產(chǎn)消息
Vue.config.productionTip?=?false??
new?Vue({
??el:?'#app',
??router,
??components:?{?App?},
??template:?'<App/>'
})
router文件中代碼
import?VueRouter?from?'vue-router'
import?Vue?from?'vue'
import?temp1?from?'@/components/HelloWorld'
Vue.use(VueRouter)
這里Vue.use(VueRouter)是啟動router路由
我為其這樣設(shè)定返回色劃定的數(shù)據(jù)
為其這樣設(shè)定來做一些路有變化的設(shè)定
html中我們用router-link標(biāo)簽來設(shè)定路由的跳轉(zhuǎn)和一些設(shè)定? 我們用to屬性來設(shè)定路由的改變 router-view標(biāo)來展示數(shù)據(jù)
用這樣的方式返回設(shè)定的html代碼
這樣設(shè)定只在此頁面css樣式可以用
'use?strict'? 嚴(yán)格模式下開發(fā)?
