m0_46392290的博客

我们还是使用我们上次做过的模板来进行添加新的功能。我们先在想添加一个删除功能。我们先按照步骤走，先todo-items组件中添加一个删除按钮，在按钮上绑定一个点击事件template: '<li>{{item}} <button @click="remove">删除</button> </li>', methods: { remove:function (index){ } }

vue 只负责前端界面的显示，没有数据的传输。所以我们要通过axios来进行数据传输。首先是导入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script>主要是使用了两个方法data()方法来接受返回值，mounted()方法来进行ax

Vue是一套用于构建用户界面的渐进式框架，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库结合。MVVM模式的是实现者Model：模型层，在这里表示javascript对象。View:视图层，在这表示DOMViewModel：连接视图和数据的中间件，Vue.js就是MVVM中的ViewModel层的实现者。他能监听视图变化，监听数据获取。MVVM源于MVC（Modle View Controller）,MVVM的核心是VM层负责转换Model中的数据对象让数据变得更加容易管理，该层向上与

首先我们先要下载一个node.js,我们可以从官网上进行下载，安装完成之后我们可以在cmd中查看他们的版本，现在我们给他添加一个国内的镜像，这就相当于maven中我们添加的镜像，npm install cnpm -g现在我们需要在这基础上添加一个框架vue-cli相当于，我们maven在创建的时候使用骨架中那些模块进行创建。-g使用全局变量的意思cnpm install vue-cli -g安装完成之后我们可以查看一下，我们添加的模块vue-list我们可以在自己相对应的文件夹中

同样 我们还是去官方网看一下Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为他的作用主要作用是让我们的前端变得更加模块化。使用我们需要在我们的项目

axiosaxios官网文档axios是一套对ajax的封装的JS库，本质上用的还是XMLHttpRequest，只不过它是用promise进行的封装所以它就有.then和.catch方法axios是基于promise封装的，所以用起来方便，避免了回调地狱缺点：浏览器兼容性不好(技术太先进了)与jquery对比jQuery与axios对比 jQuery axios1.ajax技术底层原理 XMLHTTPRequest XMLHTTPRequest2.体积大小 大（包含大量dom操作与ajax