初识vue小结

初识vue

大家都那么热爱他一定有原因,我也特想了解。

我来咯,

首先信用vue开发版,用一个标签在head中插入,script标签src属性引入vue文件,就像jquey一样在script,但是放在head里最好

今天了解挂载点,模板,实例

例如:<div id="root">{{msg}}</div>//可以写在这

             <script>

          new Vue({

                   el:"#root",

                    template:‘<h1>hello {{msg}}</h1>’也可以写在这

                   data:{

                         msg: "hello world";

             }

          })

          </script>

挂载点就是vue实例里el属性对应的id,所对应的dom节点

在挂载点里的内容就是模板,模板可以写在挂载点里面,也可以写在实例里template属性里面

实例中里面指定挂载点,然后写上模板,Vue结合模板和数据,生成最终要展示的内容,然后把内容放在挂载点中。

Element 元素

Data数据

root根

Template 模板

猜你喜欢

转载自www.cnblogs.com/cqy1125/p/9625071.html