logo.png
很好看的一个logo有没有~ VUE可以说是现在前端必备的框架了...... 作为一个菜鸟php人员,多少还是要学一点的。
vue很方便很方便很方便，重要的事情得说三遍！ 你可以试着用jQuery试着做做，将后台的数据渲染到模板上你就知道什么叫痛不欲生了。
1 首先，简单的说一下目录
- 首先我们，用vue-cli将项目构建出来后，我们只用管两个文件夹
src文件夹和static文件夹。我们写的代码基本都要放在src文件夹里
image.png
看上图
assets 里面可以放一些图片呀，css呀或者是js都行把，components文件夹里面放组件的，可以将每个页面的内容作为组件。通过路router下的index.js由进行创建~ 请看如下代码...
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello' //引入Hello 组件
import Home from '@/components/Home' //引入Home组件
import About from '@/components/About' //...
import Gallery from '@/components/Gallery'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/', //根目录
name: 'Home', //组件前缀
component: Home
},
{
path:'/About',
name: 'About',
component: About
},
{
path: '/Gallery',
name: 'Gallery',
component: Gallery
}
]
})
