Vue.js -- 渐进式JavaScript框架（1）

1.Vue.js 是什么：

Vue 是一套用于构建用户界面的渐进式框架（由易到难），也能够完成复杂的单页面应用；

2.Vue.js 的安装使用：

（1）使用 bower 下载安装 vue；

（2）进行导入（路径在 vue 中的 dist 文件夹中）

3.Vue.js 的指令（部分）：

    
             //控制器
        //1.实时数据绑定（v-model）
        
{{text}}
        

        //2.事件（两种写法），写在非让发层（方法的括号可加可不加）
        点我试试
        再点我试试
        

        //3.循环（v-for）
        

            
{{val}}
        
        

            
{{'第' + (key+1) + '位是' + '：' + val}}
        

        //4.文本替换和标签替换
        
文本替换
        
标签替换

        //5.显示和隐藏（v-show）
        
这是显示
        
这是隐藏

        //6.超链接
        去百度
        再去百度

        //7.判断（v-if）
        
答案是0
        
答案是10
        
答案是20

    
//导入vue
    
//写入vue.js代码
    

4.Vue.js 的自定义指令：

    

        //1.点击button使p标签的背景颜色随机改变
        点我
        
主要用来显示数据

        //2.点击button使h3标签的内容进行修改
        再点我试试
        
这是一段文本{{count}}
    

5.Vue.js 自定义过滤器（同 Angular 中相似）：

    

        
{{price | currency('$')}}
         //输出 $30
        
{{str | preas}}
                   //输出Hello world