vue数字动效使用

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

Vue 2021-08-24 58

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

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

Vue 2021-08-18 47

Vue SSR(服务端渲染)

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

Vue 2021-03-13 518

vue-cli3项目结构

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

Vue 2020-07-09 204

本地运行打包后的dist文件

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

Vue 2020-05-23 575

部署vue项目

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

Vue 2020-05-22 234

vue锚点设置

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

Vue 2019-12-18 230

Vue组件2

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

Vue 2019-10-16 231

vue父子组件传值与参数校验

<body> 父组件通过属性向子组件传递值 当使用:count时,其值为数字类型,否则为字符 <div id="app"> <counter :count="0" @change="handle...

Vue 2019-10-13 457

vue组件1

1.is用法 根据html5的语法,在table的tbody下必须是tr,但是使用vue组件时容易出现以下情况 <body> <div id="app"> <table> <tbody> <it...

Vue 2019-10-10 215