JavaWeb--vue1

指令：HTML标签上带有v-前缀的特殊属性，不同指令具有不同含义

vue的常用指令：
    v-bind：为HTML标签绑定属性值，如设置href,css样式等(<a v-bind:href="url">点一点</a>v-bind可省略)
    v-model：在表单元素上创建双向数据绑定(<input v-model="url">)
    v-on：为HTML标签绑定事件(<input type="button" value="按钮" v-on:click="show()">v-on:可替换为@)
    v-if：
    v-else： 条件性渲染某元素，判定为true时渲染，否则不渲染
    v-else-if：
    (<div v-if="count==3">a</div>
        <div v-else-if="count==2">b</div>
        <div v-else>c</div>)
    v-show：根据条件展示某元素，区别在于切换的是display属性的值(display设置为none来隐藏)<div v-show="count==3">v-show</div>
    v-for：列表渲染，遍历容器的元素或对象的属性
    (<div v-for="(addr,i) in addrs">
                {{i+1}}--{{addr}}<br>
        </div>)
    (addr是值，i是索引,i+1是为了从一开始，值不一定为addr,也可以写作brand in brands)
script前提：
//创建vue的核心对象
    new Vue({
        el: "#app",
        data() {
            return {
                username: "",
                url: "http://www.baidu.com",
                count: 3,
                addrs:["童谣","舞瑶","乐垚"]
            }
        },
        methods: {
            show() {
                alert("被点击")
            }
        }
    })

生命周期八个阶段，每触发一个生命周期事件，会自动执行一个生命周期方法(钩子)
beforeCreate：创建前 created：创建后 beforeMount：载入前 mounted：挂载完成
beforeUpdate：更新前 updated：更新后 beforeDestroy：销毁前 Destroyed：销毁后
(mounted：挂载完成，vue初始化成功，HTML页面渲染成功，即页面加载完成，发送异步请求，加载数据)
data(){},method(){},下mounted(){}