VueJs(16)---Nuxt引入mavon-editor插件实现markdown功能
摘要:#Vue引入mavon-editor插件实现markdown功能 说明 mavon-editor是一款基于Vue的markdown编辑器,因为当前项目是采用Nuxt,所以这里所展示的教程是针对Nuxt引入mavon-editor插件,如果你只是采用了 Vue,没有用Nuxt框架,那么你可以看mavo
阅读全文
posted @
2021-06-30 20:25
雨点的名字
阅读(1452)
推荐(0) 编辑
VueJs(15)--- Webstorm+Chrome 调试Vue项目
摘要:Webstorm+Chrome 调试Vue项目 前言 在项目开发中,Debug模式是非常有必要的,后端对于IDEA工具而言Debug模式非常方便,但前端WebStorm而言如果启用Debug模式是需要单独去配置一些东西, 所以这里整理自己搭建成功的过程分享出来。可能不同的Webstorm版本会导致效
阅读全文
posted @
2020-12-24 22:37
雨点的名字
阅读(7006)
推荐(3) 编辑
VueJs(14)---理解Vuex
摘要:理解Vuex 一、Vuex 是什么? 首先我们来分析一种实际开发中用vue.js的场景,你有n个组件,当你改变一个组件数据的时候需要同时改变其它n个组件的数据,那么我想你可能会对 vue 组件之间的通信感到崩溃 。 这个时候vuex作用就来了,它可以集中管理所有组件共享的数据,做到改一个而是全部组件
阅读全文
posted @
2018-05-10 21:44
雨点的名字
阅读(584)
推荐(0) 编辑
VueJs(13)---过滤器
摘要:过滤器 过滤器 1、过滤器规则 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方: 双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 -
阅读全文
posted @
2018-05-09 23:40
雨点的名字
阅读(1374)
推荐(1) 编辑
VueJs(12)---vue-router(导航守卫,路由元信息,获取数据)
摘要:vue-router(导航守卫,路由元信息,获取数据) 之前泄露两篇有关vue-router博客: VueJs(10) vue-router(进阶1) VueJs(11) vue-router(进阶2) 一、导航守卫 当做Vue-cli项目的时候感觉在路由跳转前做一些验证,比如登录验证,是网站中的普
阅读全文
posted @
2018-05-09 21:33
雨点的名字
阅读(3435)
推荐(0) 编辑
VueJs(11)---vue-router(命名路由,命名视图,重定向别名,路由组件传参)
摘要:vue-router 上篇文章讲了第一篇vue-router相关文章,文章地址:VueJs(10) vue-router(进阶1) 一、命名路由 有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候。你可以在创建 Router 实例的时候,在 routes
阅读全文
posted @
2018-05-08 23:43
雨点的名字
阅读(8600)
推荐(1) 编辑
VueJs(10)---vue-router(动态路由,嵌套式路由,编程式路由)
摘要:vue-router(动态路由,嵌套式路由,编程式路由) 本文是基于官网学习,官网具体学习目录:vue-router 一、安装 基于vue-cli脚手架安装还是蛮简单的:在文件当前目录下运行: npm install vue-router 如果在一个模块化工程中使用它,必须要通过 Vue.use()
阅读全文
posted @
2018-05-08 22:36
雨点的名字
阅读(9123)
推荐(1) 编辑
VueJs(9)---组件(父子通讯)
摘要:组件(父子通讯) 一、概括 在一个组件内定义另一个组件,称之为父子组件。 但是要注意的是:1.子组件只能在父组件内部使用(写在父组件tempalte中); 2.默认情况下,子组件无法访问父组件上的数据,每个组件实例的作用域是独立的; 那如何完成父子如何完成通讯,简单一句话:props down, e
阅读全文
posted @
2018-05-06 01:01
雨点的名字
阅读(812)
推荐(1) 编辑
VueJs(8)---组件(注册组件)
摘要:组件(注册组件) 一、介绍 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树 那么什么是组件呢? 组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。 二、如何
阅读全文
posted @
2018-05-05 11:42
雨点的名字
阅读(5158)
推荐(3) 编辑
VueJs(7)---计算属性和侦听器
摘要:计算属性和侦听器 一、 概述 计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地
阅读全文
posted @
2018-05-02 23:28
雨点的名字
阅读(497)
推荐(2) 编辑
VueJs(6)---V-on指令
摘要:V-on指令 一、概述 v-on是用来绑定事件监听器,用在普通元素上时,只能监听原生 DOM 事件。用在自定义元素组件上时,也可以监听子组件触发的自定义事件。 在监听原生 DOM 事件时,方法以事件为唯一的参数。如果使用内联语句,语句可以访问一个 $event 属性:v-on:click="hand
阅读全文
posted @
2018-05-02 22:40
雨点的名字
阅读(2143)
推荐(0) 编辑
VueJs(5)---V-bind指令
摘要:V-bind指令 一、概述 v-bind 主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定。 示例: <!-- 绑定一个属性 --> <img v-bind:src="imageSrc"> <!-- 缩写 -->
阅读全文
posted @
2018-05-02 21:25
雨点的名字
阅读(840)
推荐(0) 编辑
VueJs(4)---V-model指令
摘要:V-model指令 摘要 限制: v-model只能用在:<input> <select> <textarea> <components> 修饰符 .lazy - 取代 input 监听 change 事件 .number - 输入字符串转为数字 .trim - 输入首尾空格过滤 基础用法 v-mo
阅读全文
posted @
2018-04-27 23:55
雨点的名字
阅读(13558)
推荐(2) 编辑
VueJs(3)---V-指令(1)
摘要:VueJs(3) V-指令(1) 一、语法 v- 指令是带有v-的特殊属性 v-if 条件渲染 v-show v-else (必须在v-if/v-else-if/v-show指令后) v-else-if (v-if/v-else-if后) v-for (遍历) v-html (绑定HTML属性中的值
阅读全文
posted @
2018-04-27 00:11
雨点的名字
阅读(6829)
推荐(2) 编辑
VueJs(2)---VueJs开发环境的搭建和讲解index.html如何被渲染
摘要:VueJs开发环境的搭建和讲解初始框架 有关如何搭建vue.js框架我这看了一篇文章,自己也根据它进行搭建环境。 文章地址:vue.js2.0实战(1):搭建开发环境及构建项目 接下来对初始的框架进行讲解,只讲index.html是如何被渲染出来的。 一、启动项目 第一步:cmd进入项目文件里,运行
阅读全文
posted @
2018-04-15 09:46
雨点的名字
阅读(1431)
推荐(1) 编辑
VueJs(1)---快速上手VueJs
摘要:【VueJs入门】 一、上手步骤 vue.js和jquery一样,只要引入vue.js就可以了。 1、创建一个Vue实例: 先引入Vue.js文件,然后new一个Vue的实例即可。如下面的代码,通过<script src="./vue.js"></script>引入,然后在<script>标签中创建
阅读全文
posted @
2018-04-11 21:39
雨点的名字
阅读(1614)
推荐(1) 编辑