vue学习📒
学习vue中遇到的问题
lklmr
这个作者很懒,什么都没留下…
展开
-
CSS 中 !important的用法总结
1、用于解决IE对某些CSS规范有偏差的情况.比如在IE中的效果总是和其他的浏览器如firefox,opera等相差2px,导致页面布局有错位, 这是因为IE对盒之间距离的解释的bug造成的,针对这种情况我们就可以利用!important来帮助解决。例如下面这个样式.myclass{ margin-left: 20px!important; margin-left: 40px; }如果是在firefox,opera,chrome中,这些浏览器支持!important属性,也就是说他们转载 2021-09-14 10:20:20 · 1435 阅读 · 0 评论 -
vue-countTo
vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。属性描述startVal开始值endVal结束值duration持续时间,以毫秒为单位autoplay自动播放decimals要显示的小数位数decimal十进制分割separator分隔符prefix前缀suffix后缀useEasing使用缓和功能easingFn缓和回调功能属性描述mou原创 2021-08-19 16:37:28 · 147 阅读 · 0 评论 -
vue组件的3种书写形式
第一种使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component> </div> <-- 注意:使用<script>标签时,type指定为text/x-template,意在告诉浏览器这不是一段js脚本,浏览器在解析H原创 2021-08-19 10:14:39 · 292 阅读 · 0 评论 -
vue中的watch的用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })直接写一个监听处理函数,当每次监转载 2021-08-17 11:11:45 · 150 阅读 · 0 评论 -
element-ui学习
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input转载 2021-08-17 10:56:14 · 139 阅读 · 0 评论 -
vue实现路由懒加载的3种方式
让路径默认跳转到某个页面并且 router-view 渲染该页面,只需要在路由配置中添加一个映射const routes = [ { path: '/', name: 'Home', redirect: '/Home' }]配置解析:path配置的是根路径:/redirect是重定向,也就是会将我们的根路径重定向到/home的路径下。export default new Router({ mode:'history', routes})配置html模转载 2021-07-01 18:11:55 · 580 阅读 · 0 评论 -
TypeError: Cannot read property ‘$createElement‘ of undefined错误
在学习vue路由时出现TypeError: Cannot read property ‘$createElement’ of undefined错误原因:误将component写成components原创 2021-07-01 15:59:10 · 1355 阅读 · 0 评论