摘要：
1、在vscode中，拷贝某个组件时，属性自动换行，导致一个文件千百行 ，代码看着很凌乱，如下： 解决方法： 1.vs 安装 vetur插件； 2.vetur->format->default formatter:html，这项将格式化模板选择为：js-beautify-html 3.设置好以后，往 阅读全文
摘要：
常用特性概览 // 表单操作 // 自定义指令 // 计算属性 // 过滤器 // 侦听器 // 生命周期 表单操作 基于vue的表单操作 -input -textarea -select -radio -checkbox 表单域修饰符 -.number // 自动将用户的输入值转为数值类型 -.t 阅读全文
摘要：
基于数据重构UI效果 1、将静态的结构和样式重构为基于VUE模版语法的形式 2、处理时间绑定和js控制逻辑 声明式编程 模版的结构和最终显示的效果最终一致 // css <style> .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab 阅读全文
摘要：
遍历数组 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 注意：当在组件上使用 v-for 时，key 现在是必须的。key的作用，帮助vue区分 阅读全文
摘要：
分支结构 // v-if // v-else // v-else-if // v-show v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真实值的时候被渲染。 举个例子： // template <div id="app"> <h1 v-if="awesome">Vue is 阅读全文
摘要：
1、class样式处理 对象语法 我们可以传给 v-bind:class 一个对象，以动态地切换 class： <div v-bind:class="{ active: isActive }"></div> 上面的语法表示 active 这个 class 存在与否将取决于数据 property is 阅读全文
摘要：
Vue 如何动态处理属性 v-bind // template:v-bind 使用 <a v-bind:href="url">百度</a> <a :href="url1">小米</a> // 业务逻辑 data: { url: 'https://www.baidu.com/', // 绑定数据A u 阅读全文
摘要：
// 1、通过v-model指令实现数值a和数值b的绑定 // 2、给计算按钮绑定事件实现计算逻辑 // 3、将计算结果绑定到对应位置 通过上面业务需求，我们来看看用代码实现上面业务逻辑 // 模版 complate <div id="app"> <div> <h1>简单计算器</h1> 数值A：< 阅读全文
摘要：
事件修饰符 .stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 .capture - 添加事件侦听器时使用 capture 模式。 .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。 .{ 阅读全文
摘要：
事件绑定 vue如何处理事件？ v-on / 缩写@ 示例： <!-- 方法处理器 --> <button v-on:click="doThis"></button> <!-- 动态事件 (2.6.0+) --> <button v-on:[event]="doThis"></button> <!- 阅读全文