vue与avuex

最新推荐文章于 2024-08-01 14:22:08 发布

diaosuiye1913

最新推荐文章于 2024-08-01 14:22:08 发布

阅读量525

点赞数

文章标签： javascript 操作系统 ViewUI

原文链接：http://www.cnblogs.com/heixuanyu/p/10646122.html

版权

现在使用avuex做出来表格效果，但是看到源码看到需要使用vue，不得不开始学习vue

　　配置环境：cnpm配置过程：a:首先下载node.js然后根据https://www.cnblogs.com/winter92/p/7117057.html，配置dos查找下载是否正确，其中在可编辑或者中出现小问题，但是选择可编辑模式还是可以的，待到淘宝镜像安装以后，运行查看是否安装完成。8080接口

vue小知识点；创建第一个vue

　　　　　　　　　　　　　　　　　　使用cdn外联到vue中，或者已下载的，然后即

　　　　　　　　　　　　　　　　　　　　　　1；定义view

　　　　　　　　　　　　　　　　　　　　　　2；定义model

　　　　　　　　　　　　　　　　　　　　　　3；创建vue实例或者viewmodel用来连接view和model

　　　　其次vue的双向绑定机器原理了解：

　　　　　　　　　　　　vue是一个mvvm框架，即视图与数据互相改变，

　　　　　　　　　　　　　　　　　　　　　　　　view data

　　　　　　　　　　　　　　　　data更新view的重点是如何监听，其中object.defineProperty就起很大的作用，当属性变化就会触发函数，只需要更新一些方法就能实现data更新view

简单的vue项目

在这个

<script src="vue.js"></script>

<div id="demo">
  {{message}}
  <input v-model="message">
</div>
<script>
  var vm = new Vue({
    el: '#demo',
    data: {
      message: 'Hello Vue.js!'
    }
  })
</script>

转载于:https://www.cnblogs.com/heixuanyu/p/10646122.html