随笔分类 -  vue.js

学习vue
摘要:element是饿了么团队开发的PC端用的基于vue的框架,之前在写app端的时候用的是Mint UI(饿了么团队)、vux(这个比较好用)。 element官网: https://element.eleme.cn/#/zh-CN 在这里直接下载git上别人写好的: vue-admin-templa 阅读全文
posted @ 2020-03-26 11:51 QiaoZhi 阅读(2251) 评论(0) 推荐(0) 编辑
摘要:在理解原理之前先简要了解一些ES5的Object.defineProperty()方法。 1.Object.defineProperty() ECMAScript 5 为 JavaScript 添加了大量新的对象方法。 // 添加或更改对象属性 Object.defineProperty(objec 阅读全文
posted @ 2020-01-10 16:11 QiaoZhi 阅读(2234) 评论(0) 推荐(0) 编辑
摘要:1.vue插槽 1.插槽的作用:以局部组件为例 插槽就是Vue实现的一套内容分发的API,将<slot></slot>元素作为承载分发内容的出口。插槽内可以是任意内容。 (1)不带插槽的情况: 结果:组件标签内的元素不会显示 (2)带插槽的情况:标签内部的元素会被置于<slot></slot>的位置 阅读全文
posted @ 2019-12-28 01:03 QiaoZhi 阅读(3738) 评论(0) 推荐(0) 编辑
摘要:前提是了解微信JSSDK: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 接口只有认证公众号才能使用,域名必须备案且在微信后台设置。先确认已经满足使用jssdk的要求再进行开发。 0.JSSDK使用步 阅读全文
posted @ 2019-12-22 14:27 QiaoZhi 阅读(3031) 评论(0) 推荐(0) 编辑
摘要:最近在学习vue时也了解到一些常用的UI组件,有用于PC的和用于移动端的。用于PC的有:Element(饿了么)、iView等;用于移动端APP的有Vux、Mint UI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。 想做一个移动端微信公众号使用的界面,于是选择用mintUI。 mint 阅读全文
posted @ 2019-11-28 23:14 QiaoZhi 阅读(1253) 评论(0) 推荐(0) 编辑
摘要:1.vuex的使用 vuex是vue的状态管理中心,vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,常用于: 1.多个视图依赖同一状态(l例:菜单导航) 2.来自不同视图的行为需要变更同一状态(例如评论弹幕) 上篇创建的vue项目目录结构: 在上一节我们已经安装了v 阅读全文
posted @ 2019-11-28 18:38 QiaoZhi 阅读(699) 评论(0) 推荐(0) 编辑
摘要:1.关系介绍 1.简单的说 Node.js 就是运行在服务端的 JavaScript。 2.NPM是随同NodeJS一起安装的包管理工具(新版的nodejs已经集成了npm),能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 阅读全文
posted @ 2019-11-26 18:27 QiaoZhi 阅读(1249) 评论(0) 推荐(0) 编辑
摘要:Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 axios中文文档库:http://www.axios-js.com/zh-cn/docs/ git地址:https://gith 阅读全文
posted @ 2019-11-21 23:12 QiaoZhi 阅读(3222) 评论(0) 推荐(0) 编辑
摘要:1.vue 过度动画 1.过度 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。 语法格式: <transition name = "nameoftransition"> <div></div> </tr 阅读全文
posted @ 2019-11-21 21:26 QiaoZhi 阅读(1082) 评论(0) 推荐(0) 编辑
摘要:1.vue组件 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。 注册一个全局组件语法格式如下: Vue.component(tagNa 阅读全文
posted @ 2019-11-20 23:10 QiaoZhi 阅读(1360) 评论(0) 推荐(0) 编辑
摘要:1.样式绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达 阅读全文
posted @ 2019-11-20 21:39 QiaoZhi 阅读(1134) 评论(0) 推荐(0) 编辑
摘要:因为 v-if 和v-for是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。 1.条件语句 vue中条件语句类似于JS语法的if-else语 阅读全文
posted @ 2019-11-19 23:17 QiaoZhi 阅读(681) 评论(0) 推荐(0) 编辑
摘要:在菜鸟教程上面学习的vue.js。同时结合vue中文文档网站,便于自己记录。 vueAPI网站:API 1. 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实 阅读全文
posted @ 2019-11-19 22:05 QiaoZhi 阅读(614) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示