vue
关注
分享
扫一扫
玲玲酱
这个作者很懒，什么都没留下…
展开
-
vue-交互
利用vue进行数据交互，实现增删改查<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 引入vue -->原创 2020-11-26 18:08:11 · 191 阅读 · 0 评论 -
vue-组件机制
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。<.原创 2020-11-19 23:18:50 · 207 阅读 · 0 评论 -
vue-表单输入绑定
双向数据绑定用v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。<!DOCTYPE html><html lan.原创 2020-11-17 21:32:53 · 171 阅读 · 0 评论 -
vue-事件处理机制
事件三要素：事件目标，事件处理程序，事件对象事件流：默认情况下，先进行事件捕获（从外到内读取），然后进行事件冒泡（从内向外执行）事件绑定：1）直接操作变量<body> <div id="app"> {{num}} <button v-on:click='num++'>num</button> </div> <script> ne.原创 2020-11-17 19:39:32 · 682 阅读 · 0 评论 -
认识vue
vue是一套用于构建用户界面的渐进式（轻量级）框架，可以构建出复杂的单页面应用程序，vue与原生js显著的区别就是不再对dom进行直接的操作，而是通过数据操作来改变视图,只关系底层逻辑，尽量减少dom操作。1）mvc:适用于dom驱动m:业务模型 model 事件v:用户模型 view HTMLc:控制器 control JShtml-->model-->js js-->model-->html2）mvvm:是mvc的改良版,.原创 2020-11-16 18:28:03 · 155 阅读 · 0 评论