随笔分类 -  Vue

上一页 1 2 3
Vuejs学习笔记(一)-7.html的属性动态绑定操作v-bind
摘要：前面学了vue的插值操作，基本是对html标签内部展示的内容的展示。此处学习v-bind是对标签属性的动态绑定操作。 demo1:动态绑定class属性： 知识点1:v-bind动态绑定class属性知识点2：v-bind动态绑定class属性使用的是对象绑定，当style变量对应的值为true时， 阅读全文
posted @ 2021-06-30 22:13 kaer_invoker 阅读(541) 评论(0) 推荐(0)
Vuejs学习笔记(一)-6.插值操作
摘要：一、插值操作--mustache语法 vue的插值操作，简单说，就是将Vue实例中的变量或则对象的值放到HTML中去显示。那么就需要在HTML中使用插入的变量名。目前的使用方法叫做mustache语法，即 {{ message }} 可以直接在html中插入变量。也可以对变量进行一些操作，即以表达式 阅读全文
posted @ 2021-06-30 21:15 kaer_invoker 阅读(172) 评论(0) 推荐(0)
Vuejs学习笔记(一)-5.Vue的生命周期
摘要：Vue对象的生命周期：Vue的 生命周期 以上红色部分的都是Vue实例创建过程中生命周期的回调函数。有：beforeCreate,create,bemounted,mounted,destoryed等。以下代码是简单用法： 1 <!-- 2 @author:invoker 3 @project:pr 阅读全文
posted @ 2021-06-30 20:05 kaer_invoker 阅读(51) 评论(0) 推荐(0)
Vuejs学习笔记(一)-4.Vue的API
摘要：Vue对象的API地址：https://cn.vuejs.org/v2/api/ 创建一个Vue实例后需要设置的选项：options 1.选项/DOM: el: 类型: string | Element 作用：决定之后Vue实例管理哪一个Dom 限制：仅在使用new创建实例时生效 2.选项/数据： 阅读全文
posted @ 2021-06-30 18:23 kaer_invoker 阅读(50) 评论(0) 推荐(0)
Vuejs学习笔记(一)-3.vue中的MVVM
摘要：上图就是vue的MVVM设计架构。View-ViewModel-Model 对于简单的vue代码，是按照一下方式分层。 View层表示展示层，渲染DOM后给最终客户看到的层，即界面和界面数据。 ViewModel层叫做视图适配器。即数据属性与View元素之间的双向绑定关系 Model层数据层。 所以 阅读全文
posted @ 2021-06-30 17:45 kaer_invoker 阅读(82) 评论(0) 推荐(0)
Vuejs学习笔记(一)-2.vuejs初体验
摘要：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 阅读全文
posted @ 2021-06-30 16:44 kaer_invoker 阅读(40) 评论(0) 推荐(0)
Vuejs学习笔记(一)-1.Vue.js的安装
摘要：方式一：直接引入CDN（没有使用过此方法） //开发环境版本 <script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script> //生产环境版本 <script src='https://cdn.jsdelivr.net/npm 阅读全文
posted @ 2021-06-30 16:26 kaer_invoker 阅读(43) 评论(0) 推荐(0)

上一页 1 2 3