- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue使用prerender-spa-plugin预渲染达到SEO优化
1.安装prerender-spa-pluginnpm config set puppeteer_download_host=https://npm.taobao.org/mirrorsnpm i puppeteernpm i prerender-spa-plugin --save -dev2.在router.js看下路由模式是不是 ‘history’，不是的请换成history3.在vue.config.js配置const PrerenderSPAPlugin = require(
2022-04-15 11:20:16
257
原创 v-for 使用方法
v-for的四种使用方式1、数组在Vue中使用v-for遍历数组时v-for最常见的一种使用方式。（1）先在data中定义数组arr: [1, 2, 3, 4, 5],arr: [1, 2, 3, 4, 5],（2）在标签中遍历<p v-for="(item,index) in arr">数值：{{item}}，索引：{{index}}</p>在对象数组对象数组，其实说到底也是数组，使用方式上和数组一模一样。（1）先在data中定义数组ob
2022-04-11 16:50:14
2578
原创 vue指令
⑴v-bind：给元素绑定属性⑵v-on：给元素绑定事件⑶v-html：给元素绑定数据，且该指令可以解析html标签⑷v-text：给元素绑定数据，不解析标签⑸v-model：数据双向绑定⑹v-for：遍历数组⑺v-if：条件渲染指令，动态在DOM内添加或删除DOM元素⑻v-else：条件渲染指令，必须跟v-if成对使用⑼v-else-if：判断多层条件，必须跟v-if成对使用⑽v-cloak：解决插值闪烁问题⑾v-once：只渲染元素或组件一次⑿v-pre：跳过
2022-04-11 16:45:23
64
原创 git 命令行
创建本地仓库进入D 盘：cd d:进入CKX文件：cd CKX在 CKX文件中创建myBook文件夹：mkdir myBook进入myBook文件夹：cd myBook初始化仓库：git init查看myBook文件中已经存在的文件：ls -a接着初始化仓库：git init查看myBook文件中的文件发现多了个.git文件：ls -a新建一个readme文件并向文件中写入happychen：echo "# happychen" >>
2022-04-11 16:42:55
83
原创 vue生命周期
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。下面是官网中的生命周期照片Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。2、created（创建后）数据对象 data 已存在
2022-04-11 16:39:32
42
原创 vue 路由跳转四种方式
1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}.
2022-04-11 16:32:39
380
原创 vant表单验证
表单校验 1.1 用 van-form 包住 1.2 在 van-field 上要有 v-model=“变量” 和 绑定rules属性 :rules=“rules变量”rules变量:[ { // 是否必填 required:true, message:错误信息, trigger:"onBlur/onChange"}, { // 自定义表单校验 validator: value => { // true:验证通过 // fals
2022-04-11 16:29:07
7563
1
原创 h5知识点（1）
H5文件命名的规范：小写英文字母、数字、下划线组合 其中不能包含汉字、空格和特殊字符 必须以英文字母开头 语义化规范常规标记与空标记的区别：常规标记：有开始有结束;属性使用空格隔开 例如：div、p 空标记：又开始没结束 例如：hr、br目录的相对位置表示： /：从根目录出发 ./:从当前位置出发，和不写的效果是一样的 ../：返回上一层...
2022-04-11 16:24:00
137
原创 element 日期选择 只能选择今天之前货今天之后日期
<template> <div class="app-container"> <el-date-picker v-model="birthday" type="date" placeholder="请选择日期" :picker-options="pickerOptions" > </el-date-picker> </div></template>&...
2022-04-11 16:19:46
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人