12 2020 档案
摘要：组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力 匿名插槽 <div id="app"> <!-- 插槽内容--> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box>
阅读全文
摘要：父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。 然后子组件用属性props接收 在props中使用驼峰形式，模板中需要使用短横线的形式，字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 A
阅读全文
摘要：vue-devtools 新版本安装容易出错，我下载的旧版本 https://github.com/vuejs/vue-devtools/tree/v5.1.1 下载完成后在根目录下打开命令行工具，执行以下命令： npm install npm run build 然后去浏览器上添加扩展程序 这里要
阅读全文
摘要：全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件基础用 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component
阅读全文
摘要：现实中的组件化思想体现 编程中的组件化思想体现 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易（html、css和js） 多次使用组件可能导致冲突 Web Components 通过创建封装好功能的定制元素解决上述问题 官网：https://deve
阅读全文
摘要：1.图书列表 静态列表效果 基于数据实现模板效果 处理每行的操作按钮（禁止默认行为） 1、 提供的静态数据 数据存放在vue 中 data 属性中 var vm = new Vue({ el: '#app', data: { books: [{ id: 1, name: '三国演义', date:
阅读全文
摘要：1.数组变异方法（修改原有数据） 在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变 变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展 push()往数组最后面添加一个元素，成功返回当前数组的长度 pop()
阅读全文
摘要：1.1常用特性概览 表单操作 自定义指令 计算属性 侦听器 过滤器 生命周期 1.2表单基本操作 1.基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 获取单选框中的值 通过v-model <!-- 1、 两
阅读全文
