随笔分类 -  Vue

vue3中使用animate.css+wow.js
摘要：官网链接： animate wow.js 版本声明： "dependencies" : { "vue" : "^3.3.11" , "animate.css" : "^4.1.1" , "wow.js" : "^1.2.2" }, 1. 安装： npm install animate.css --s 阅读全文
posted @ 2024-01-24 18:51 Mock777 阅读(846) 评论(0) 推荐(1)
v-model 和 :model 的区别
摘要：在组件上使用v-model v-model vue 内置的双向数据绑定指令，是一个语法糖 只适用于表单控件 :model 相当于 v-bind:model 的缩写 这种试试将父组件的数据传递到了子组件，并没有时间子组件与父组件的数据双向绑定 引用类型除外。- - 阅读全文
posted @ 2020-08-09 14:17 Mock777 阅读(390) 评论(0) 推荐(0)
Vue--keep-alive 理解
摘要：在组件切换中，有时候会想保持组件状态避免重复渲染导致的性能问题。 而，keep-alive 就是一个 vue 内置的用来解决这个问题的元素。<keep-alive> 包揽的组件 会保持状态，避免重复渲染。也就是所谓的组件缓存。 keep-alive Props： include - 字符串或正则表达 阅读全文
posted @ 2020-08-09 13:55 Mock777 阅读(132) 评论(0) 推荐(0)
vue---组件通讯
摘要：Vue的通信方式有几种？隔代组件的通信用哪种方式解决？ 一：props/$emit 父传子： // 父组件 <template> <div> <s-child v-bind:infos="informations"></s-child> // infos对应子组件 </div> </template 阅读全文
posted @ 2020-07-06 00:13 Mock777 阅读(163) 评论(0) 推荐(0)
Vue 中引用组件错误【mint-ui】
摘要：场景： 官网：http://mint-ui.github.io/docs/#/zh-cn2/quickstart npm i mint-ui -S main.js 文件中引入并使用 1 // 引入 2 import Mint from 'mint-ui' 3 import 'mint-ui/lib/ 阅读全文
posted @ 2020-05-14 22:57 Mock777 阅读(1493) 评论(0) 推荐(0)
npm安装过程的报错
摘要：$ npm install px2rem-loader npm WARN deprecated natives@1.1.6: This module relies on Node.js's internals and will break at some point. Do not use it, 阅读全文
posted @ 2020-05-14 22:43 Mock777 阅读(3427) 评论(0) 推荐(0)
Windows 10 前端开发配置准备-从0到8080
摘要：一、开发环境 Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器。 nvm: nodejs 版本管理器 Git: 分布式版本控制系统 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的 阅读全文
posted @ 2020-05-14 22:36 Mock777 阅读(530) 评论(0) 推荐(0)