星辰ꦿ.大海

2020年12月3日

摘要：全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用 <div id="example">  <my-component 阅读全文

posted @ 2020-12-03 00:02 星辰ꦿ.大海阅读(86) 评论(0) 推荐(0) 编辑

组件化思想

摘要：现实中的组件化思想体现编程中的组件化思想体现组件化规范: Web Components 我们希望尽可能多的重用代码自定义组件的方式不太容易（html、css和js）多次使用组件可能导致冲突 Web Components 通过创建封装好功能的定制元素解决上述问题官网：https://deve 阅读全文

posted @ 2020-12-03 00:01 星辰ꦿ.大海阅读(122) 评论(0) 推荐(0) 编辑

2020年12月2日

图书列表案例

摘要： 1.图书列表静态列表效果基于数据实现模板效果处理每行的操作按钮（禁止默认行为） 1、提供的静态数据数据存放在vue 中 data 属性中 var vm = new Vue({ el: '#app', data: { books: [{ id: 1, name: '三国演义', date: 阅读全文

posted @ 2020-12-02 13:58 星辰ꦿ.大海阅读(181) 评论(0) 推荐(0) 编辑

数组相关API

摘要： 1.数组变异方法（修改原有数据）在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展 push()往数组最后面添加一个元素，成功返回当前数组的长度 pop() 阅读全文

posted @ 2020-12-02 13:49 星辰ꦿ.大海阅读(101) 评论(0) 推荐(0) 编辑

Vue常用特性

摘要： 1.1常用特性概览表单操作自定义指令计算属性侦听器过滤器生命周期 1.2表单基本操作 1.基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框获取单选框中的值通过v-model <!-- 1、两阅读全文

posted @ 2020-12-02 13:45 星辰ꦿ.大海阅读(159) 评论(0) 推荐(0) 编辑

2020年11月26日

选项卡案例

摘要： 1、 HTML 结构 ` <div id="app"> <div class="tab">  <ul> <li class="active">apple</li> <li class="">orange</li> <li class="">lemon</li> </ul> 阅读全文

posted @ 2020-11-26 22:43 星辰ꦿ.大海阅读(163) 评论(0) 推荐(0) 编辑

Vue模板语法

摘要： 1.1 模板语法概述 1.如何理解前端渲染？把数据填充到HTML标签中 2.前端渲染方式原生js拼接字符串使用前端模板引擎使用vue特有的模板语法 3.原生js拼接字符串基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如下所示。 var d = data.weath 阅读全文

posted @ 2020-11-26 22:40 星辰ꦿ.大海阅读(357) 评论(0) 推荐(0) 编辑

Vue基本使用

摘要： 1 .传统开发模式对比 //原生js<div id="msg"></div><script type="text/javascript">var msg = 'Hello World';var div = document.getElementById('msg');div.innerHTML = 阅读全文

posted @ 2020-11-26 17:07 星辰ꦿ.大海阅读(83) 评论(0) 推荐(0) 编辑

Vue概述

摘要：尤雨溪：Vue.js的创建者 2014年2月，Vue.js正式发布 2015年10月27日，正式发布1.0.0 2016年4月27日，发布2.0的预览版本 Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上阅读全文

posted @ 2020-11-26 17:06 星辰ꦿ.大海阅读(84) 评论(0) 推荐(0) 编辑

2020年11月8日

UnhandledPromiseRejectionWarning: MongoError: E11000 duplicate key error collection:报错解决方案

摘要：在用MongoDB插入数据时，如果在创建集合规则时设置了这一项 unique: true 这里是邮箱地址设置唯一，所以同一个邮箱地址不能重复插入如果再次插入同一个邮箱地址，则无法再次插入，会报错 UnhandledPromiseRejectionWarning: MongoError: E110 阅读全文

posted @ 2020-11-08 17:46 星辰ꦿ.大海阅读(1338) 评论(0) 推荐(0) 编辑

公告