vue
一只前端蜗牛
多年通信行业软件维护
展开
-
vue项目中添加moment(继续研究中)
moment这是个处理时间格式的js类库,我觉得超级好用具体见http://momentjs.cn/使用moment的原因:被前人留下的代码中如何在vue中引入moment和其他的一样第一步:npm install moment --save为啥用 --save 见该文具体学习:https://www.jianshu.com/p/e10f981972ff第二步:在.vue中添加 import Moment from ‘moment’我是这么用的,要在项目中全局使用而不是在每个.原创 2020-09-17 19:01:17 · 810 阅读 · 0 评论 -
vuex的使用文档
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //类似于data }, mutations: { //类似于method,用来操作state,每个mutations的第一个形参都是state }, actions { //异步操作,来异步执行mutations,第一个入参都是context,用context.commit('原创 2020-07-23 16:52:14 · 176 阅读 · 0 评论 -
前端初学者使用vue实现flex的学习页面(完整案例)
页面描述页面使用vue来处理;右边是一个组件,组件使用的flex来排版,flex所需要的参数在左边选择。容器属性与值选择后,将值传入组件,应用到组件的外层容器上项目属性与值选择后,将值传入组件,点击组件的某个div,则这个div会接收值,应用到自身上点击清空,会将过往选的内容都清空点击组件的div,div接收值后,会将父组件(即左边的内容)的项目属性值清空页面如下:(页面很丑,欢迎美工来指导)代码:<!DOCTYPE html><html lang="zh">原创 2020-06-08 10:30:11 · 1009 阅读 · 0 评论 -
vue路由嵌套及案例
路由嵌套:路由嵌套时,内层路由在外层路由的模板对象(即template中)中添加(router-link,router-view)外层路由的router-link,router-view在html结构中内层路由的{path:‘login’,component:login}放在路由实例化的routes的children属性中子路由前不需要加’/’,否则永远以根路径开始请求,不方法用户理解url地址代码<!DOCTYPE html><html lang="zh">原创 2020-05-20 19:03:46 · 515 阅读 · 0 评论 -
vue路由及案例
前端路由和后端路由的区别:后端路由:对应相应服务器的资源的url就叫后端路由,这种路由请求会调用服务器资源前端路由:只在浏览器跳转,不涉及服务器请求。通过hash(#)来实现的。http请求中不会包含hash相关的内容。...原创 2020-05-19 18:55:42 · 416 阅读 · 0 评论 -
vue中品牌列表案例及涉及到的知识点--完整可执行
这个案列中详述了:自定义按键修饰符,自定义指令,自定义过滤器复习了v-model v-for自定义按键修饰符按键修饰符 .后加键 系统提供的有 enter,tab,delete,esc,space,up,down,left,right;如果要用别的,则可以使用键盘码(键盘上的每个键都对应一个码 比如113=f2),则是@keyup.113=“add”如果不用码则需要自定义按键修饰符,如本例中定义的f2 写法是@keyup.f2=“add”自定义指令如果需要给keywords添加默认获得原创 2020-05-19 17:17:14 · 263 阅读 · 0 评论 -
computed、methods和watch的区别及用法(待补充)
computed属性的结果会被缓存,除非依赖的响应式属性发生变化才会重新计算,主要当做属性来使用;methods表示一个具体的操作,主要书写业务逻辑watch是一个对象,键是需要观察的表达式,值是对应的回调函数,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作,可以看做是computed和methods的结合。...原创 2020-05-09 11:37:35 · 160 阅读 · 0 评论 -
Vue组件使用读书笔记
好处: 为了拆分vue实例中的代码量 能够以不同的组件划分不同的功能模块 需要什么样的功能,调用相应的组件即可组件化和模块化:模块化从代码逻辑的角度划分,方便代码分层开发,保证每个模块的职能单一组件化从UI界面的角度划分,前端的组件化,方便UI组件的重用组件定义有3种方式但最后都是Vue.component('组件名称',{//组件名称如是驼峰写法,那么使用时转化成小写中间加-,不...原创 2020-04-27 19:23:59 · 117 阅读 · 0 评论 -
vue-devtools安装--最新
1、下载安装https://download.csdn.net/download/qq_38620694/12022217 下载vue_devtools_5_3_3_0.crx下载后放到目录D:\chrome扩展下点击chrome浏览器的“更多工具”----扩展程序-- 打开右上角的开发者工具将下载好的vue_devtools_5_3_3_0.crx拖拽到浏览器扩展程序页面的空白处...原创 2020-04-27 17:59:06 · 676 阅读 · 0 评论 -
js中数组和string的方法
list.push() 添加list.splice(i,n)删除list.some() 遍历,可以符合条件后返回list.findIndex(item=>{}) 遍历,找到后可以返回索引list.filter(item=>{}) 过滤list.forEach 遍历不会被终止string.indexOf(str) 查看字符串中是否有str,如果没有返回-1。对空...原创 2020-04-17 18:53:36 · 800 阅读 · 0 评论 -
vue的事件修饰符--会持续更新
.stop 阻止冒泡.prevent 阻止默认行为,用在链接标签中则会阻止页面的跳转.capture 捕获机制(从外到里执行时间).self 只有自己才能触发时间,拒绝冒泡和捕获.once 只触发一次...原创 2020-04-17 18:44:44 · 105 阅读 · 0 评论 -
vue的指令v-
v-clock:注:渲染页面前会先加载vue.js,加载或多或少都会有时间。在没加载之前,如果不用这个指令,那么就会显示出一些代码而不是值,当加载完成后才会显示结果,这个问题称之为闪烁问题如果在标签内加上v-clock:,那么在加载好之前不会显示任何东西,加载后才显示结果,这就是该标签的作用,解决页面闪烁问题。2. v-text:与插值表达式{{ }}3. 与插值表达式(musta...原创 2020-04-17 18:39:13 · 190 阅读 · 0 评论 -
vue的面纱揭开,我终于看见了你!
前端进化原生js--->Jquery之类的类库----->前端模板引擎---->Angular.js/vue.js类库解决了浏览器兼容问题模板引擎改进了页面的渲染,让数据更直接的进入到页面中,但每次的重新渲染属于数据的重新加载,影响了效率Angular.js /vue.js 提高了渲染效率vue是一个框架,不是类库框架是一个完整的解决方案框架一旦选用后不能修改,...原创 2020-04-10 18:48:13 · 124 阅读 · 0 评论