vue学习笔记（一）

首先咱们需要明确vue里面最基本的几个东西，如下图我已经标注好了，相信也是很容易明白的。


接下来我们需要了解一些vue的指令

如果想要在methods中调用data的数据或者调用methods的方法，必需使用 this.数据属性名或者方法名来进行。

v-bind详细说明

1.基本用法

v-bind title="mytitle"

通过v-bind动态绑定，使mytitle不再是一个字符串，而是一个变量，可以赋值！！

2.v-bind语法糖
其实就是简写 ：

3.v-bind 动态绑定class

//<h2 v-bind class="{key1: value1,key2: value2}">{
   {msg}}</h2>
//<h2 v-bind class="{类名1:boolean,key2: boolean}">{
   {msg}}</h2>
<h2 v-bind class="{active : isActive, line: isLine}">{
   {
   msg}}</h2>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
   
   el: '#app',
   data: {
   
     msg:'hello world',
     isActive: 'true',
     isLine: 'true'
     }
 })
</script>

4.v-bind 动态绑定style

<h2 v-bind style="{fontSize:finalSize+'px',color:finalColor}">{
   {
   msg}}</h2>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
   
   el:</