v-for(循环):
v-for="(item,index) in sort" v-bind:key="item.id"
图片渲染：
created() //钩子函数
methods: //执行方法
组件渲染：
import xxx from ' xxxxx'
export default{
components:{
xxx //组件名
},
}
html部分：<组件名>＜/组件名>
路由跳转:
配置路由：
// index.js
import Vue from 'vue'
import Router from 'vue-router'
// 导入knowshop路由
import KnowshopRouter from './KnowshopRouter'
Vue.use(Router)
export default new Router({
routes: [
...KnowshopRouter,
{
path: '/',
name: 'index',
redirect: '/twicehands',
}
]
})
建立router路由：
import Index from '@/components/twicehands/Index'
import Detail from '@/components/twicehands/Detail'
export default [
{
path: '/twicehands',
name: 'twicehands-index',
component: Index,
},
{
path: '/twicehands/detail/:id',
name: 'twicehands-detail',
component: Detail,
}
]