07 2020 档案
摘要：Vue 路由 Vue-Router 什么是路由 Vue Router 是 Vue 官方提供的路由管理器，他和 Vue 的核心深度集成，让构建单页面应用变得非常简单，通过根据不同的请求路径，切换显示不同组件进行渲染页面。 基本路由使用 安装路由 注意：使用路由首先要安装模块 npm install v
阅读全文
摘要：echarts属性的设置（完整大全） 实例官网：https://echarts.apache.org/examples/zh/index.html 手册官网：https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B
阅读全文
摘要：Vue props向子组件中传递数据 声明组件对象中定义 props 1、在声明组件对象中使用 props 选项指定 const MyComponent = { template:'<div></div>', props: 此处值有以下3中方式, components:{ } } 方式一：指定传递属
阅读全文
摘要：Vue 组件间的通信 组件间通信方式 props ：父组件向子组件传递数据。 $emit ：自定义事件。 slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。 组件间通信规则 不要在子组件中直接修改父组件传递的数据。 数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果
阅读全文
摘要：vue slot插槽 作用：主要是用于父组件向子组件传递 标签+数据 （而 props 和自定事件只是传递数据）。 场景：一般是某个位置需要经常动态谢欢显示效果（比如说：饿了么）。 子组件定义插槽 在子组件中定义插槽，当父组件向指定插槽传递标签数据后，插槽处就对渲染了，否则的话，插槽处就不会被渲染。
阅读全文
摘要：Vue 组件化注意事项 组件可以理解为特殊的 Vue 实例，管理自己的 template 模板。 组建的 template 必须有且只有一个根节点。 组件的 data 选项必须是一个函数，且函数体返回一个对象。 组件与组件之间是相互独立的，可以配置自己的一些选项资源 data 、 methods 、
阅读全文
摘要：VUE多个组件示例 示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
阅读全文
摘要：Vue组件化开发 组件的概念 组件（component）是 Vue 最强大的功能之一，非常重要。 Vue中的组件化开发就是把网页的重复代码抽离出来，分装成一个个可以复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统。这个方式非常灵活，可以极大的提高我们的开发和维护效果。 组件系统是一
阅读全文
摘要：Vue 获取当前时间并格式化 现在的代码，一家原创，万家抄袭，嗯，我也是... 直接就是大代码一顿狂粘！！啪啪啪！用去吧！ /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date =
阅读全文
摘要：VUE 过滤器以及插件 过滤器 什么是过滤器 过滤器对将要显示的文本，先进行特定格式化处理，然后在进行显示。 注意：过滤器并没有改变原本的数据，只是产生新的对应的数据。 使用方式 定义过滤器 全局过滤器 Vue.filter( 过滤器名称 , function(value) ){ // 数据处理逻辑
阅读全文
摘要：Vue 表单数据双向绑定 v-mode 每一个Vue项目，每一个系统，肯定涉及到表单的双向数据绑定问题，这一部分是 vue 的重中之重，不是因为知识点复杂，而是因为只要参与 vue 项目的开发，那么就必不可少。 单向绑定 数据变，视图变；视图变（浏览器控制台上更新html），数据不变；这样的都是单向
阅读全文
摘要：VUE 事件修饰符以及按键码 之前写了一篇关于事件处理的文章，这篇的时间修饰符主要就是来修饰之前事件处理的事件名的，目的是为了扩展事件的功能。 事件修饰符 .stop：阻止单击事件继续传播，event.stopPropagation() .prevent：阻止事件默认行为 event.prevent
阅读全文
摘要：VUE事件处理 v-on 事件处理方法 完整格式： v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)" 缩写格式： @事件 = "函数名" 或者 @事件名 = "函数名(参数...)" 注意：@ 后面没有冒号。 event ：函数中的默认形参，代表原生的DOM事件，当调用
阅读全文
摘要：VUE 条件渲染 v-if、v-show 条件指令 v-if 是否渲染当前元素 v-else v-else-if v-show：与 v-if 类似，只是元素始终被渲染并保留在DOM中，只是简单的切换CSS属性display来显示或者隐藏。 <!DOCTYPE html> <html lang="en
阅读全文
摘要：VUE Class列表样式数绑定案例 Class 与 Style 绑定 v-bind 通过class列表和style指定样式是数据绑定的一个常见需求，他都是元素属性，都用 v-bind 处理，其中表达式结果的类型可以是：字符串、对象 或 数组。 语法格式 class 的表达式可以为： v-bind:
阅读全文
摘要：计算属性 computed computed 选项定义计算属性。 计算属性类似于 methods 选项中的函数。 比较： 计算属性：会进行缓存，只在相关响应式依赖发生改变的时候才会重新求值。 函数：每次都会执行函数体进行计算。 需求：输入数学与英语的分数，采用 methods 与 computed
阅读全文
摘要：vue.js入门开发 vue {{}} 双向数据绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
阅读全文
摘要：vue.js渐进式框架和应用场景 教程 https://cn.vuejs.org/v2/guide/#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88 什么是渐进式 渐进式简单的讲就是：用什么技术就引用什么技术到项目中使用，而不是把所有的东西全部引入到项目里面。 使用的原因 易用
阅读全文
摘要：NPM包管理工具 NPM全程是Node Package Manager，他是JavaScript的包管理工具，是Node.js平台默认的包管理工具，通过NPM可以安装、共享、分发代码、管理项目依赖关系。 可以从NPM服务器下载别人编写的第三方包到本地。 可以从NPM服务器下载并安装别人编写的命令行程
阅读全文
