vue3的双向绑定

1. 父组件  v-model:current-page-num 是多属性时使用,单个值可以使用v-model="",相应的子组件的props指定为modelValue,emit中的事件为upd...

Vue 2022-08-19 78

nuxt3 一个奇怪的问题

上报警告的代码 <template> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-...

Vue 2022-07-16 135

vue数字动效使用

在写首页时,遇到展示数据量,常常直接将其展示出来,没有动态效果,显得干巴巴的。vue中的一些插件可以解决这个问题,下面推荐一个,此插件的文档不是很详细,记录下使用 $ npm install v...

Vue 2021-08-24 666

vue自定义指令的使用(通过折叠效果演示)

需求:所有的查询区域全部都可折叠 这个需求其实使用传统方式可以简单的实现,但是可能需要写很多的重复代码,即使使用mixin+全局控制折叠样式+动态创建折叠的元素,依然会产生较多的代码,那么有更简...

Vue 2021-08-18 613

Vue SSR(服务端渲染)

什么是SSR? 你可能会想到某游戏或者梯子,再或者某牛奶,没错我也是这么想的。简单理解就是原来由客户端生成的html,现在由服务端渲染后,在交给浏览器,这样可以理解为啥ssr的首屏渲染快了, 再...

Vue 2021-03-13 1760

vue-cli3项目结构

PS: publib:主要放置静态资源,如背景图片,Mock数据等 assets:主要放置图标,字体,css文件

Vue 2020-07-09 416

本地运行打包后的dist文件

1.将dist使用nginx部署 2.使用express服务器 3.使用npm install -g serve serve -s dist 运行命令后,会在node js目录下生成两个文件 再...

Vue 2020-05-23 1291

部署vue项目

1.项目打包 在项目目录下使用npm run build命令进行打包操作。打包完成后如下: dist就是打包完成后的文件,将该文件上传到自己的服务器中。 2.nginx配置   server {...

Vue 2020-05-22 475

vue锚点设置

传统的项目中使用锚点,多是采用以下方式: <a href="#A">A</a> <a href="#B">B</a> <p>123456789<p> <p>123456789<p> <p>123...

Vue 2019-12-18 492

Vue组件2

内容: 1.绑定原生事件 2.非父子组件传值 3.插槽(slot) 4.作用域插槽 5.动态组件与v-once指令 1.绑定原生事件 <body> <div id="app"> <child @...

Vue 2019-10-16 475