初学Vue

容器 ，app容器名称

容器名称尽量使用id绑定唯一值

<div id="app">

{{}}插值语法

{{ message }}

阻止VUE在启动时产生的提示

Vue.config.productionTip = false;

var app = new Vue({

// el绑定容器

el: '#app',

data: {

message: 'Hello Vue!',

names:"张三"

}

})

data中装的是定义的变量，跟插值对应

1.data:{}对象式

2.data(){return{}}函数式,注：搭建脚手架（vue-cli）后,一定要使用函数式

注：不可以使用箭头函数

绑定容器的2种方式

1.el绑定:"容器id或class等"

2.Vue实例.$mount("容器id或class等"),注：一定写在最后

创建vue实例

var app = new Vue({

el:"#app",

data:{

a:"我是张三"

b:"我今年18岁",

c:10,

f:[4,5,6],

g(x){

return x;

}

}

}）
<!-- v-bind:动态绑定属性 -->

<a v-bind:href="abc" v-bind:class="a">vue方法访问vue官网</a>