//var Vue = require('vue')
// это вариант автора genri. если раскомментировать - сломается.
//var VueRouter = require('vue-router').default
// это вариант автора genri. если раскомментировать - сломается.
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }
// Vue.use(VueRouter)
// эта строка не мешает, если будет нужна - пожалуйста...
const router = new VueRouter({
// mode: 'history',
// и без этой строки сможем обойтись.
routes: [
{ path: '/foo', component: Foo },
{ path: '/bar', component: Bar }
]
})
const app = new Vue({ el: '#app', router: router })
// это вариант автора genri. как видим, он рабочий.
//const app = new Vue({router}).$mount('#app')
// это тоже рабочий, шаблонный вариант.<rect id="tut" x="0.5" y="0.5" width="24" height="24" rx="8" />
<rect id="tam" x="6.5" y="6.5" width="12" height="12" rx="0.5" />#tut {
stroke: red;
stroke-width: 4;
width: 24;
height: 24;
}
#tam {
stroke: #0cc;
stroke-width: 2;
width: 12;
height: 12;
}&-item {
flex-direction: column;
border: 1px solid gray;
box-sizing: border-box;
padding: 10px;
margin: -.5px; /* каждый margin будет съедать по пол-пикселя у соседнего блока */
}width: 96%; /* ширина .slider = 100% минус отступ слева умноженный на 2 */
margin-left: 2%; /* отступ слева = 100% минус ширина .slider и место справа */body {width: 100%;}, то ширина макета адаптируется под окно браузера. body {width: 80vw;}body {width: 120%;} или body {width: 120vw;} соответственно.
<img src="/images/image.jpg" /> выполнится правильно. Всё, что выше корневой директории предполагаемого сайта - это уже http:// и нужно будет писать что-то наподобие localhost://127.0.0.1