vue
文章平均质量分 67
**之火
希望一直深耕钱端领域,但也喜欢涉猎其他计算机编程领域,钱端幸福三要素:悠闲,寡欲,融入自然。
展开
-
为什么vue3项目中推荐使用const,而不是let语法
const 声明的变量是只读的,这意味着它们的值不能被重新赋值。这有助于防止在组件的整个生命周期内不小心修改状态,从而使得状态管理更加安全。:使用 const 声明的对象或数组是单例的,这意味着它们在声明时只被初始化一次,之后不会被重新创建。这有助于确保组件状态的一致性,特别是在使用响应式系统时。:Vue 3 使用了 Composition API,其中的 reactive、ref 和 reactiveRef 等函数创建了响应式变量。原创 2024-07-22 09:07:34 · 573 阅读 · 0 评论 -
vue2学习笔记(高阶)
abstract 模式针对的是没有浏览器环境的情况,比如 Weex 客户端开发,内部是没有浏览器 API 的,那么 Vue-Router 自身会对环境做校验,强制切换到 abstract 模式,如果默认在 Vue-Router 的配置项中不写 mode 的值,在浏览器环境下会默认启用 Hash 模式,在移动客户端下使用 abstract 模式。由于 JavaScript 的限制,Vue 不能检测对象属性的添加或删除对于已经创建的实例,Vue 不能动态添加根级别的响应式属性。原创 2023-12-01 11:59:28 · 782 阅读 · 0 评论 -
Vue3学习笔记
vue3:在初始化的时候会给每一个虚拟节点添加一个patchFlags,是一种优化的标识,只会比较patchFlags发生变化的节点,进行视图更新,而对于patchFlags没有变化的元素作静态标记,在渲染的时候直接使用。作用域插槽使用方式不同:vue2中在父组件中使用slot-scope=“data"从子组件获取数据,vue3中在父组件中使用 #data 或者 #default=”{data}"获取。具名插槽使用方式不同:vue2使用slot=‘’,vue3使用v-slot:‘’原创 2023-08-25 23:41:54 · 419 阅读 · 0 评论 -
十步创建一个(vue-cli+webpack+typescript)项目
1、vue init webpack test 初始化项目初始化项目选择配置步骤省略…(根据项目需求选择即可)2、安装ts所需要的依赖cnpm i typescripts ts-loader@^3.5.0 --save-dev3、webpack.base.conf.js 添加rules{ test:/\.(tsx|ts)?$/, loader:'ts-loader', exclude:/node_modules/, options:{ append原创 2021-08-24 15:15:20 · 193 阅读 · 0 评论 -
使用webpack-simple封装简单组件
$ npm install -g vue-cli$ vue init webpack-simple my-project$ cd my-project$ npm install安装countup.js$ npm install countup.js$ npm run dev启动项目之后按照 countup.js 官方 demo 初始化插件app.vue<template> <span ref='countup'></span><.原创 2020-06-09 10:55:38 · 795 阅读 · 0 评论 -
Proxy基本知识点
Proxy基本语法const obj = new Proxy(target, handler);参数说明如下:target:被代理对象。handler:是一个对象,声明了代理target的一些操作。obj:是被代理完成之后返回的对象。但是当外界每次对obj进行操作时,就会执行handler对象上的一些方法。handler中常用的对象方法如下:1. get(target, propKey, receiver)2. set(target, propKey, value, receive...原创 2020-06-08 09:54:27 · 19478 阅读 · 0 评论 -
轻松搞定Vue-cli3搭建Vue+TypeScript项目
https://segmentfault.com/a/1190000019905650转载 2020-05-29 10:08:58 · 187 阅读 · 0 评论 -
vue项目增加typeScript
https://blog.csdn.net/cream66/article/details/105507586?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase转载 2020-05-29 09:23:15 · 1144 阅读 · 0 评论 -
预渲染的方式---prerender(解决SEO,首屏问题)
由于页面较少,且预渲染相对于SSR比较简单,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,完全可以满足SEO需求。Prerender服务需要有NodeJs环境支持,如果之前服务器环境没有NodeJs需要先进行安装。在webpack的配置如下:var PrerenderSpaPlugin = require('prerender-spa-plugin')var webpackConfig = merge(baseWebpackConfig, { plugi...原创 2020-05-12 11:50:56 · 1727 阅读 · 0 评论 -
使用Ant Design vue框架搭建项目
此处省略安装node.js及npm。1.首先npm install --global vue-cli安装vue脚手架。2.npm install ant-design-vue --save 安装ant-design-vue。3.项目引入ant-design-vue在main.js里面引入import ant from 'ant-design-vue'import 'ant-design-vue/dist/antd.less'Vue.use(ant);到此你就可以使用它的组件了。【注意原创 2020-05-11 23:06:24 · 4105 阅读 · 0 评论 -
构建vue项目步骤
一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成功:原创 2020-05-10 21:08:59 · 145 阅读 · 0 评论