初探VUE （一）

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
    }
  ]
})