vue传统方式开发 （非npm） 集成element ui

1.为啥会用传统方式开发

由于以前老的项目都是采用传统方式开发 但是又想用vue这个开发方式 将之前的代码改为npm的方式不现实 只能两者结合使用cdn方式引入vue开发。

2.如何使用vue进行传统方式开发

2.1引入vue.js

	


    

    {this.test}
    

上面是一个例子 非常简单 引入vue.js 即可

2.2 引入elementui

//注意这个要放在vue.js 的下面

2.3 请求服务器数据 实现增删改查(vue-resource)

2.3.1 post请求

                this.$http.post(
                    'www.api.com/user',{name:'chenrj',sex:'1',age:18},{emulateJSON:true}).then(function(res){
                        this.$message('添加成功');
                },function(){
                    this.$message.error('添加失败');
                });

2.3.2 get请求

                this.$http.get(
                    'www.api.com/user',{params:{user_id:1,page_size:10,page_index:1}},{emulateJSON:true}).then(function(res){
                        this.category_list = res.data.data;
                },function(){
                    this.$message.error('加载列表失败');
                });

3.组件封装

3.1 封装子组件

3.2 引入组件 我这里使用的thinkphp 所以只需要include 

3.3 使用组件

以上是vue传统使用方式的总结