摘要：
Vue对象中的一个选项，计算属性, computed 该属性和一般方法的区别在于，计算属性是属性，html中各个地方调用计算属性中的方法都是调用存储在内存中计算属性的方法。方法是方法，html中各个地方调用方法中的方法，则需要重新调用方法的次数。 知识点1：以下代码中 getFullname()是方 阅读全文
摘要：
v-bind:style用途：动态绑定一些CSS内联样式。 demo1（对象语法）: 1.写CSS属性名方式1，如fone-size，要以驼峰方式写：fontSize 2.样式的值如果非引用，则需要使用单引号 3.样式的值如果是从其他处导入，则需要使用变量来存储 代码如下： 1 <!-- 2 @au 阅读全文
摘要：
前面学了vue的插值操作，基本是对html标签内部展示的内容的展示。此处学习v-bind是对标签属性的动态绑定操作。 demo1:动态绑定class属性： 知识点1:v-bind动态绑定class属性知识点2：v-bind动态绑定class属性使用的是对象绑定，当style变量对应的值为true时， 阅读全文
摘要：
一、插值操作--mustache语法 vue的插值操作，简单说，就是将Vue实例中的变量或则对象的值放到HTML中去显示。那么就需要在HTML中使用插入的变量名。目前的使用方法叫做mustache语法，即 {{ message }} 可以直接在html中插入变量。也可以对变量进行一些操作，即以表达式 阅读全文
摘要：
Vue对象的生命周期：Vue的 生命周期 以上红色部分的都是Vue实例创建过程中生命周期的回调函数。有：beforeCreate,create,bemounted,mounted,destoryed等。以下代码是简单用法： 1 <!-- 2 @author:invoker 3 @project:pr 阅读全文
摘要：
Vue对象的API地址：https://cn.vuejs.org/v2/api/ 创建一个Vue实例后需要设置的选项：options 1.选项/DOM: el: 类型: string | Element 作用：决定之后Vue实例管理哪一个Dom 限制：仅在使用new创建实例时生效 2.选项/数据： 阅读全文
摘要：
上图就是vue的MVVM设计架构。View-ViewModel-Model 对于简单的vue代码，是按照一下方式分层。 View层表示展示层，渲染DOM后给最终客户看到的层，即界面和界面数据。 ViewModel层叫做视图适配器。即数据属性与View元素之间的双向绑定关系 Model层数据层。 所以 阅读全文
摘要：
本月开始学习VUE，一个前端开发的框架。因为本人从事测试工作，厌倦了点点点的工作效率，想做点开发工具提高效率。之前学者写了一个接口框架，用到了excel，而我想对excel的数据进行可配置操作，居然要去学习vba这种古老的变成语言。时间有限。直接跳过，准备用网页的方式开发测试工具。所以开始了VUE的 阅读全文
摘要：
DEMO1: 1 <!-- 2 @author:invoker 3 @project:project_lianxi 4 @file: 01-HelloVuejs.html 5 @contact:invoker2021@126.com 6 @descript: 7 @Date:2021/6/30 16 阅读全文
摘要：
方式一：直接引入CDN（没有使用过此方法） //开发环境版本 <script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script> //生产环境版本 <script src='https://cdn.jsdelivr.net/npm 阅读全文