11 2019 档案
摘要：###1.NPM 介绍和安装 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程
阅读全文
摘要：表格本身并不是用来布局，而是用来展示表格数据 1.基本结构 表格标签 标签 说明 table 表格标签 tr 行标签 th 单元格标签（表头，粗体居中） td 单元格标签 基本代码 <body style="padding:30px;"> <table> <tr> <th>姓名</th> <th>年
阅读全文
摘要：###1.原理及说明 九宫格图片就是将一张图片分成9份，再拼成一个完整的图片，如图： 原理：创建9个正方形容器，利用背景图定位，每个容器只显示其中的一部分，最终拼接成一张完整的图片 实现思路： (1)使用flex布局，让9个子元素以 3*3 的形式摆放 (2)因为图片有纵向和横向两种可能，所以要对图
阅读全文
摘要：1.大括号表达式 (1)在MVVM()中接收并保存配置对象 (2)调用Compile编译函数，将el和vm传入 function MVVM (option) { this.$option = option || {} this._data = option.data // 调用编译函数 new Co
阅读全文
摘要：1.数据代理 含义：数据代理字面意思的意思就是通过间接的方式管理某个数据，例如要访问vue中data的数据应该是vm.data.msg，访问vue中的方法应该是vm.methods.getMsg()，但是实际上我们直接使用vm.msg来访问vm.data.msg，使用vm.getMsg()来访问vm
阅读全文
摘要：###1.前言 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它解决了vue中不同组件之间状态共享的问题。 通俗的说，它就是一个带响应式的全局变量管理，它数据的改变会触发相关页面/组件的更新，这是普通全局变量做不到的 ###2.vuex的安装及配置 npm安装vuex npm in
阅读全文
摘要：###1.前言 vue的插件其实通过操作Vue这个对象，为其扩展新的功能。例如： // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive
阅读全文
摘要：###1.基本含义 计算属性被设计用来承载复杂的运算，他本质上是一个function，需要将其值绑定到HTML中才能具有响应式特性 计算属性内的依赖数据发生变动时，会重新执行运行，并更新对应的Dom元素 通过配置computed属性来定义计算属性 计算属性除了能绑定到Dom元素中，还能在实例中直接已
阅读全文
摘要：###1.基本用法 用途：对某个数据进行监听并执行对应的回调，可以是data中的数据，还可以是计算属性 语法：在watch对象下添加字段，字段名为要监听的数据，字段值一般是fucntion，也可以是对象 回调函数有2个参数：数据发生改变后的值，数据发生改变前的值 <script> var vm =
阅读全文
摘要：1.生命周期钩子 函数名 说明 beforeCreate 数据观测和内部事件初始化之前被调用，此时无法通过this访问data中的数据，也无法访问methods中的方法 created 在这一步，数据观测和内部事件初始化已完成，可以访问通过this访问data中的数据和methods中的方法 bef
阅读全文
摘要：###1.前言 Vue动画/过渡的本质： 在通过v-if/v-show指令插入/移除/显示/隐藏某个标签元素时，在这个标签上包裹一个transition标签，Vue会为这个标签动态添加css类名，为这些类名设置css样式，来达到过渡或动画效果 语法格式： <transition> <div v-if
阅读全文
摘要：1.事件监听 v-on:eventName可以简写成@eventName 事件对象：在HTML中，事件参数为$event，但是即使不传递，在回调函数中也可以直接使用event读取 <div id="app"> <button v-on:click="test">点我</button> <button
阅读全文
摘要：1.过滤器的特点 过滤器可以用来对HTML中的数据进行格式化 过滤器本质上是一个函数，接收一个或多个参数，最终需要返回一个数据（简单类型，一般是字符串） 过滤器在vue3.x中被废弃，因为他的功能完全可以使用methods来代替 过滤器中不能访问当前实例 2.过滤器注册 过滤器注册分为全局注册和局部
阅读全文
摘要：1.插槽的基本用法 组件的插槽允许用户将其他组件或者html片段插入到组件当中 // App.vue <template> <div id="app"> <Child> <!-- 在子组件中插入标签 --> <h2>我是插入的h2</h2> </Child> </div> </template> 子
阅读全文
