首页 > Web开发 > 详细

vue.js的核心技术

时间:2019-10-14 18:49:31      阅读:118      评论:0      收藏:0      [点我收藏+]

1.vue.js的使用

(1).下载vue

在终端打开 ,命令号输入 npm i vue@2.6.10

(2).引用vue.js

<script src="./node_modules/vue/dist/vue.min.js" ></script>

2.双向绑定

    <div id="app">
        Hello world {{msg}} <br/>         //{{}}双花括号用于标签体内显示数据
        <input type="text" v-model="msg">    //v-model 用于数据的双向绑定 写在input标签中
    </div>
    <script src="./node_modules/vue/dist/vue.min.js" ></script>
    <script>
    new Vue({
el:"#app",                       //指定Vue被管理的入口,值为选择器,不可以指定body和html
data:{
    msg: "Vue.js"
}
    })
    </script>

3.MVVC

(1)通过数据驱动视图

把需要改变的视图数据初始化到Vue中,然后再通过修改Vue中的数据,从而实现对视图的更新

(2)声明式编程

按照Vue的特定语法进行申明开发,就可以实现具体的功能,不需要我们直接操作DOM元素

 

vue.js的核心技术

原文:https://www.cnblogs.com/zhaodz/p/11673085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!