随笔分类 - 前端VUE的学习
摘要：什么是Socket.IO Socket.IO是一个库，可用于在浏览器和服务器之间进行实时，双向和基于事件的通信。它包括： 使Node.js服务器：来源| API 为浏览器（可从Node.js的也运行）一个JavaScript客户端库：来源| API 还有一些其他语言的客户端实现，由社区维护： Jav
阅读全文
摘要：下载一个谷歌浏览器助手，如果用谷歌浏览器的话是12个小时免费，足够将插件下载下来。 具体的下载方法以及安装包如下链接： https://www.iefans.cn/goole/2237.html#down_link 下载好之后可以在浏览器的插件上直接使用，对于vue项目开发来说非常方便
阅读全文
摘要：在VSCode终端命令执行： npm run serve 报错： 将命令改为： npm run dev 执行成功！！
阅读全文
摘要：在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。 下面是简单的一个插槽的实现： <!DOCTYPE html> <html> <head>
阅读全文
摘要：从父组件传值到子组件 因为父元素的方法可以直接修改父元素的数据，所以将父元素的方法传递给子元素，然后子元素进行调用，从而修改父元素的数据$root,$parent,$children 1.子元素通过$parent方法修改父元素的内容： <!DOCTYPE html> <html> <head> <m
阅读全文
摘要：一、组件是可复用的 Vue 实例，组件和父元素之间如何传值？父元素又如何传值给子元素？ 首先，一个基本的组件运用代码如下所示：（通过Vue.component对组件命名并设置template模板运用） Vue.component('button-counter', { data: function
阅读全文
摘要：下面是一个todoList列表的实现，包含有以下功能： <!-- 代办事项网页需求 1.移动端为主、pc端可用 2.输入框：输入待办事项 3.未完成列表：能够显示出未完成的内容，已经可以对每一项内容，进行修改（改完成，删除） 4.已完成列表：能够显示完成的内容，可以对每一项内容进行修改（改未完成，修
阅读全文
摘要：Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />
阅读全文
摘要：Vue中的一些表单输入绑定：（单选框和复选框的实现）一些特殊的修饰符的使用 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/
阅读全文
摘要：Vue中的事件绑定： 1.可以使用表达式完成事件操作 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" chars
阅读全文
摘要：一：内联样式： 1.内联样式变量拼接 2.内联样式放置对象 3.CSS数组方式拼接 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="tex
阅读全文
摘要：样式的绑定与使用： 1.通过对象的方式决定是否存在某个类 2.直接放置对象 3.放置数组 4.放置字符串 5.数组和对象混合使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="t
阅读全文
摘要：Vue中的监听器 监听事件watch <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-
阅读全文
摘要：VueDay05计算属性 利用计算属性的使用，缓存计算结果，提高性能。计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title>
阅读全文
摘要：Vue中一些基本的模板语法： 1.v-once:一次性插入，不再修改 2.插入HTML内容：v-html="htmlTxt" 3.绑定动态属性，全写v-bind:id="idname" 4.三元运算符:{{isVip?"欢迎VIP用户回来":"普通用户请充值"}} 5.事件的绑定:v-on:clic
阅读全文
摘要：Vue列表渲染，v-for的使用 ①v-for="item in stars ②v-for="item,key in students ③v-for="item,key in students[0] 代码如下： <!DOCTYPE html> <html> <head> <meta charset=
阅读全文
摘要：v-if实现tab切换代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"
阅读全文
摘要：条件渲染v-if和v-show的区别 /* v-if不显示时，第一次直接不渲染，如果内容已经显示将其改为不显示，内容直接从Dom去除,只是渲染一次的用v-if v-show不显示时，就会改为dispaly:none,但是会渲染在Dom上，反复需要切换的内容用v-show */ 1.v-if代码： <
阅读全文
摘要：Day01: Vue框架是最新流行的前端框，他主要是使用vue.js实现了View和Model的数据的双向绑定 以下代码是基本的使用： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- 引入vue.
阅读全文
浙公网安备 33010602011771号