随笔分类 -  vue

vue
vue-cli3构建TS项目（基础篇）
摘要：概述：template 和 style 跟以前的写法保持一致，只有 script 的变化 Vue三个TS封装库vue-class-component vue-class-component 对 Vue 组件进行了一层封装，让 Vue 组件语法在结合了 TypeScript 语法之后更加扁平化vue- 阅读全文
posted @ 2020-06-16 15:14 zhishaofei3 阅读(1267) 评论(0) 推荐(0)
Vue.js 子组件的异步加载及其生命周期控制
摘要：前端开发社区的繁荣，造就了很多优秀的基于 MVVM 设计模式的框架，而组件化开发思想也越来越深入人心。这其中不得不提到 Vue.js 这个专注于 VM 层的框架。 本文主要对 Vue.js 组件化开发中子组件的异步加载和其生命周期进行一些探讨。阅读本文需要对 Vue.js 有一定的了解。 异步组件 阅读全文
posted @ 2018-04-18 19:58 zhishaofei3 阅读(3407) 评论(0) 推荐(0)
vue 选城市三级联动
摘要：城市json数据量比较大，完整案例请看： https://codepen.io/zhishaofei3-1471324920/pen/KqdGWa 阅读全文
posted @ 2017-06-08 20:32 zhishaofei3 阅读(24023) 评论(3) 推荐(0)
vue自定义指令
摘要：使用指令方法Vue.directive，创建自定义指令，第一个参数为自定义指令的名称，第二个参数为一个对象。 这个对象里可以设置一些钩子函数，比如bind，inserted，update，componentUpdated，unbind 函数对应一些参数，如el，binding，vnode，oldVn 阅读全文
posted @ 2017-02-21 21:46 zhishaofei3 阅读(1026) 评论(0) 推荐(0)
vue渐变淡入淡出轮播图
摘要：Title 阅读全文
posted @ 2017-02-17 13:24 zhishaofei3 阅读(4991) 评论(0) 推荐(1)
vue简易轮播图
摘要：Title 阅读全文
posted @ 2017-02-17 11:26 zhishaofei3 阅读(1003) 评论(0) 推荐(0)
vue组件递归
摘要：页面效果: 你好 012345678910 阅读全文
posted @ 2017-02-16 18:08 zhishaofei3 阅读(2535) 评论(0) 推荐(0)
组件Prop验证
摘要： 阅读全文
posted @ 2017-02-07 17:29 zhishaofei3 阅读(294) 评论(0) 推荐(0)
同一个组件的复用（传入不同的参数）
摘要：Vue.component('parent', { template: '', props: ['message1'] }); new Vue({ el: '#example', data: { messageasdasdasdasd: 'wo ... 阅读全文
posted @ 2017-02-07 17:14 zhishaofei3 阅读(1266) 评论(0) 推荐(0)
组件之间使用Prop传递数据
摘要： 阅读全文
posted @ 2017-02-07 15:37 zhishaofei3 阅读(835) 评论(0) 推荐(0)
vue学习笔记 样式 class style（五）
摘要：使用v-bind数据绑定class和style，v-bind:class可以与传统的class属性共存，其中可以用{}设置多个class，根据条件判断的语法是class名:条件，带-的class名需要额外加引号，如果想输出变量的值，用[]把变量括起来，变量也可以使用计算属性。 内联样式使用v-bin 阅读全文
posted @ 2017-02-04 12:27 zhishaofei3 阅读(357) 评论(0) 推荐(0)
vue学习笔记 计算属性（四）
摘要：计算属性就是vue实例里的computed属性，对应一个对象，里面可以放各种方法，方法的作用就是可以生成和数据变量对应的计算后的变量，跟数据相关的复杂逻辑变量，都可以使用计算属性实现，computed里的函数名，对外就是一个变量，默认是getter。 如果想用setter，也可以手动添加。 Vue实 阅读全文
posted @ 2017-02-04 10:50 zhishaofei3 阅读(2360) 评论(0) 推荐(0)
vue学习笔记 模板语法（三）
摘要：最基本的功能就是输出普通文本和HTML文本：分别是v-text(也可以用{{}})，v-html 但是这些都是会双向绑定的，如果只想渲染一次，就用v-once 另外，也可以在Mustache里用表达式做一些简单的条件判断。 指令是一些和显示和用户输入相关逻辑判断，比如v-if v-show等等 如果 阅读全文
posted @ 2017-02-04 10:28 zhishaofei3 阅读(284) 评论(0) 推荐(0)
vue学习笔记 实例（二）
摘要：创建Vue的根实例 就是 var vm = new Vue({ // 选项 }) 选项有很多种 比如可以传入需要操作的DOM元素（挂载元素），传入data数据，模板，设置方法，生命周期钩子等等 http://cn.vuejs.org/v2/api/#选项-数据 实例上有$符号开头的一些变量，是vue 阅读全文
posted @ 2017-02-03 18:29 zhishaofei3 阅读(229) 评论(0) 推荐(0)
vue学习笔记 概述（一）
摘要：vue里 最常见的 最普遍的用法 应该是 下面把所有使用方法尽可能列出来 方便一目了然的参考用法 如果想输出data里的message的值，就可以在模板里使用{{message}}来直接输出文本 input的value可以用<input v-model="question">把question绑定到 阅读全文
posted @ 2017-02-03 17:22 zhishaofei3 阅读(294) 评论(0) 推荐(0)