vue
关注
分享
扫一扫
MrLss
天道酬勤
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue-cli安装出现的问题及解决方案
准备工作：Node环境 Webpack1.安装node环境 和 webpack安装vueClinpm install -g @vue/cli将报错信息百度了一下：重新安装最后安装成功了，看看是哪个版本 vue -V：补充使用：原创 2020-12-09 15:30:05 · 851 阅读 · 0 评论 -
Vue-webpack的使用图例
项目地址：C:\Users\86198\Desktop\webpack配置及使用原创 2020-11-10 15:36:46 · 221 阅读 · 0 评论 -
前端模块化开发之导入(import)和导出(export)
引入：大团队下使用这种方式封装公用工具就会变成全局变量的灾难，一不小心就会有变量命名冲突的问题。后面有人提出了采用的用自执行函数来包装代码或jQuery风格的匿名自执行函数来试图解决这个问题//用自执行函数来包装代码var Util = function(){ return { formate : function(c){ //...... }, isEmpty: function(){原创 2020-11-06 11:24:25 · 2319 阅读 · 0 评论 -
Vue组件化开发(高级)作用域插槽的使用
子组件提供数据 父组件以不同方式的去渲染显示，以满足不同的需求原创 2020-11-05 20:24:03 · 250 阅读 · 0 评论 -
Vue组件化开发(高级)插槽的基本使用
前言：类似于接口，模板的窟窿RenderSection(‘name’,true)Vue 中的slot定义插槽 让使用者替换使用的时候：△细节问题：原创 2020-11-05 18:56:53 · 234 阅读 · 0 评论 -
Vue父子组件相互访问
父组件使用子组件一、父组件中访问子组件的对象去访问子组件中的方法和属性：1.this.$children 返回数组类型2.this.$children[0].sname 通过索引去访问子组件的对象并使用属性3.this.$children[0].SayHellow() 调用子组件的方法缺陷：访问局限性，通过索引，不容易确切指向某一个子组件的对象二、使用this.$refs1.this.$refs 返回是一个对象 需要在子组件标签中声明 ref=“name” 才能被访问原创 2020-11-05 18:40:15 · 235 阅读 · 0 评论 -
Vue父子传值(props中驼峰标识)
子组件向父组件传值时的定义：总结：反正在Html中 都尽量使用小写 或者使用‘-’连接起来 v-bind v-on 不支持驼峰命名。原创 2020-11-01 18:31:21 · 1582 阅读 · 1 评论 -
Vue-父子组件传值
一、父组件向子组件传值 通过属性props 因为父组件在模板中或者控制的区域要使用子组件，可通过属性直接赋值1.在子组件中声明props 属性 定义要接收数据的属性名称2.父组件在使用子组件标签时 通过动态绑定对应的属性 进行赋值(传值)3.那么在子组件中 模板内 可以随便使用该属性，使用方式和Data中的变量数据一样！△△△:定义props属性的时候可以使用[]数组形式定义[‘msg’,‘arr’]，也可以使用对象形式{ msg:String }对象形式可以进行“类型约束” 还有一种 属原创 2020-10-31 20:25:00 · 442 阅读 · 1 评论 -
Vue+axios网络请求小案例
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。... © 2019 axios中文网 Documentation licensed under CC BY 4.0. 文档博客 GitHub ...原创 2020-05-13 23:11:35 · 377 阅读 · 0 评论 -
Vue_理解组件化开发
组件化是Vue的精髓,Vue就是由一个一个的组件构成的。Vue的组件化设计到的内容又非常多,当在面试时,被问到:谈一下你对Vue组件化的理解。这时候又有可能...原创 2020-03-06 22:27:08 · 2668 阅读 · 0 评论 -
Vue-关于数组相关操作及JS高阶函数的使用
能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶...Node.js 安装Node.js和npm 第一个Node程序 搭建Node开发环境 模块 基本...原创 2020-02-25 00:42:59 · 578 阅读 · 0 评论 -
VisualStidio自定义代码片段小记
自定义代码片段打开资源管理器,将复制的路径粘贴,到达代码片段的根目录。双击#4.snippent文件经行简单的修改:改写前:改写后:保存后,重启VS,键入#4,单...原创 2020-02-23 22:09:26 · 200 阅读 · 0 评论 -
Vue-计算属性和methods的对比以及使用
计算属性用法 在一个计算属性里可以完成各种复杂的逻辑,包括逻辑运算、函数调用等,只要最终返回一个结果就可以。除了上面的简单的用法,计算属性还可以...原创 2020-02-18 01:11:41 · 1505 阅读 · 0 评论 -
Vue.js Ajax(vue-resource)的简介
Vue 要实现异步加载需要使用到 vue-resource 库。原创 2020-02-16 18:00:01 · 254 阅读 · 0 评论 -
Vue-实例生命周期函数(钩子函数)
Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段,每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。原创 2020-02-16 16:31:46 · 672 阅读 · 0 评论 -
Vue-自定义全局指令
Vue自定义指令Vue指令的声明周期函数：Vue.directive('gqs',{ bind() { // 当指令绑定到 HTML 元素上时触发.**只调用一次** console.log('bind triggerd') }, inserted() { // 当绑定了指令的这个HTML元素插入到父元素上时触发(在这里父元素是 `d...原创 2020-02-16 00:06:29 · 1022 阅读 · 0 评论 -
Vue-自定义按键修饰符
可以使用 `v-on:keyup.f1` Vue.config.keyCodes.f1 = 112自动对应按键修饰符 也可以直接使用 KeyboardEvent.key 暴露出来的所有合法按键名作为修饰...原创 2020-02-15 22:43:59 · 661 阅读 · 0 评论 -
Vue-过滤器介绍与实例
局部过滤器 局部过滤器的有参和无参的定义和使用方法与全局的过滤器一样。唯一的区别在于局部过滤器是定义在vue的实例中。其作用的区域也是vue实例...原创 2020-02-14 23:33:49 · 462 阅读 · 0 评论 -
Vue-BootStrap(品牌案例)_列表过滤
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。原创 2020-02-13 23:10:21 · 303 阅读 · 0 评论 -
Vue_v-for指令中key值的使用
v-for="(item, i) in list"> {{item.name}} // 创建 Vue 实例...vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue...原创 2020-02-04 22:53:34 · 2647 阅读 · 0 评论 -
Vue-数组和对象相关操作
Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本。 变异方法 Vue 包含一组观察数组的变异方法,它们...原创 2020-02-04 17:48:28 · 1528 阅读 · 0 评论 -
Vue-指令和事件修饰符及实例演示
Vue使用的模板语言是HTML的超集。在Vue的模板中除了使用插值(`{{}}`)之外还可以使用**指令**。在上一节中,我们主要学习和[探讨了Vue模板相关的知识](/...转载 2020-02-04 16:15:14 · 508 阅读 · 0 评论 -
Vue-基础简介
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合原创 2020-01-29 15:44:21 · 879 阅读 · 0 评论