vue初学者

先分享一波福利

vue学习视频    链接：https://pan.baidu.com/s/1ggSfE75 密码：7h2a

 

     1.先安装 webpack vue-cli

        cnpm install -g vue-cli

        cnpm install -g webpack

        

    查看版本

        vue -V

        webpack -v

 

2.   输入vue init webpack nationalBroker

            脚手架创建项目

 

    

3.项目创建完成，

    打开文件夹下

    1.cnpm i

    2. npm dev run

    3.http://localhost:8080

 

4.端口占用改端口

        

        文件里 修改port：参数

 

5.自定义标签

    1> <router-view/>,

    2>  <router-view></router-view>

    两种方式都可以运行；

 

    <router-view> 组件是一个 functional 组件，渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>，根据嵌套路径，渲染嵌套组件。显示子组件内容。

 

6.router文件夹中 index.js文件写路由路径

 

使用

 

 

7. 输入命令cmd“md c:\text”创建文件夹。新建text文件夹

 

8.下载  vue ui框架

 

http://vue.ydui.org/docs/#/