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元素
原文:https://www.cnblogs.com/zhaodz/p/11673085.html