【vue】vue基础知识

1、插值表达式&属性绑定

    	
菜鸟教程


    

在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。

v-bind 缩写

Vue.js 为两个最为常用的指令提供了特别的缩写：

2、v-if和v-show

    
我是最帅的人～！！

    
我是最帅的人～！！

    
{{username}},老人家你该休息了～
    
{{username}},欢迎光临，请开始吃鸡！～
    
{{username}},小朋友，你的作业写完了吗！～

data() {
  return {
    message: "这是一个插值表达式的值",
    dream: "小目标",
    ifgao:true,
    username:"帅哥",
    age:16
  }

3、v-on_element_ui

 v-on 指令，它用于监听 DOM 事件:

在这里参数是监听的事件名。

v-on

v-on 缩写

4、v-for

  
{{ header_name }}


  
{{ item.name }}
  
{{ item.leader }}
  
{{ item.app_name }}

5、v-bind:使用v-bind来绑定属性

单向绑定，只能将model中的数据传给绑定的属性

v-model:

双向绑定：既能将model中的数据传给绑定的属性，也能将绑定的属性值传给model；

只能在input,textarea,select元素中使用；

1、插值表达式1 子组件中使用{{ msg}}插值，在

子组件HelloWorld.vue：

6.3 作用域插槽