vue学习_01

一、什么是VUE

渐进式的前端框架，MVVM(Model,view,viewmodel)模式，饿了么用的就是vue框架

二、VUE基本语法

1.引入vue：

<script src="vuejs/vue.js"></script>

2.准备需要挂载的哇标签：

<div id="app"></div>

3.新创建vue，进行挂载

<script type="text/javascript">
    new Vue({
        el:"#app",//挂载
        data:{//数据

        },
        methods:{
            //方法
        }
    })
</script>

三、VUE指令

v-text：会把标签当作字符串显示

v-html：会解析html中的标签

v-for：循环数组，对象，数字，字符串

v-bind：绑定属性，让属性在vue对象中取值

标签形式 v-bind:属性=“”

简写形式 :属性=“”，可以直接绑定所有属性

v-model：双向绑定

v-show：展示与隐藏（仅仅是隐藏，相当于display：none，代码查看器可以看到）

v-if：v-else-if：v-else判断（不显示dom元素就删除）

v-on：注册事件

标准写法：v-on：click=“”

简写方法：@click=“”

四、VUE组件

1.全局组件：所有被挂载的位置都可以使用

2.局部组件：只有在当前被挂载的元素中使用

注意事项：

• 先创建组件后挂载
• 在templet中必须有一个唯一的根
• 取名最好用小写