前端技术——Vue.js

Vue.js

 一套用于构建用户界面的渐进式JavaScript框架

 

导入js

案例：

 

   
  {{gareen.name}}
 

  

 

1.v-on 监听事件 （点击效果）

 

2.条件语句：

v-if

v-else

v-else-if

 

3.循环语句

v-for 循环语句

 

4.属性绑定

v-bind 做属性绑定

 

5.双向绑定

v-model 双向绑定

多种风格数据的绑定

 

6.计算属性

computed

 

7.监听属性

watch

 

8.过滤器

（首字母大写）

 

9.组件

components

 

10.自定义指令

 

11.路由：

相当于就是局部刷新

（1）添加额外的库 ：vue-router.min.js

（2）

    



    

        
        用户管理
        产品管理
        订单管理
    
    
    

        
                
    

 

 

使用ajax的方法:

（http://how2j.cn/k/vuejs/vuejs-axios/1759.html）

几种框架：fetch.js  和  axios.js

 

Vue.js 并没有限制使用哪种方式进行 ajax 访问，所以可以使用如下方式
1. 原生 ajax
2. JQuery
3. vue-resource
4. fetch.js
5. axios.js

那么到底用哪种方式呢？

1. 原生一般不在项目中直接用
2. jquery 不如4，5方便
3. vue-resource 已经不再维护了，所以不推荐
4. fetch.js 是 vue.js 官方推荐
5. axios.js 是vue.js 官方推荐

 

 

VUE.JS的CRUD操作：

 

 

 

转载于:https://www.cnblogs.com/StingLon/p/11103250.html