02-模板语法

指令

以v-开头的特殊属性
属性的值 目前可以是单个表达式
作用：当表达式的值改变时，将这种变化响应式的影响dom内容**

• v-bind

这是链接

• v-on

这是v-om:click点击事件

• v-html

    后面是内容哦！
    
{{msg}}
    
    
    

• 缩写

 
 这是链接
 这是@click点击事件

---

特性

    
    
这个属性id是传过来的

    
    我是不可用按钮
    我是可用按钮

    
    
num:{{num * 100 }}

    
{{num>9?"num大于9":"num小于9"}}

    
{{txt1}}翻转后是：{{txt1.split("").reverse().join('')}}

    
key属性

• js如下：

var app1 = new Vue({
        el: "#app1",
        data: {
            // 为了避免xss攻击，尽量不要让用户输入带这些特殊符号的，
            msg: "我是新内容哦"
        }
    });
var app2 = new Vue({
        el: "#app2",
        data: {
            ids: "123456",
            // 非0 字符串 对象
            dis1: {},
            // null、undefined 或 false，
            dis2: false,
            num: 10,
            txt1: "hello yunlulu"
        }
    });
  var app3 = new Vue({
        el: "#app3",
        data: {
            url: "http://www.baidu.com"
        },
        methods: {
            alert: function () {
                alert(111);
            }
        }
    });