前端-vue
文章平均质量分 79
x-dragon8899
“年年有风 风吹年年 慢慢即漫漫”
展开
-
学习Vue的常见问题
一、消除router-link的下划线要消除下划线,增加一下样式代码即可:* { text-decoration: none;}.router-link-active { text-decoration: none;}原创 2020-06-16 11:53:46 · 2949 阅读 · 0 评论 -
Vue学习9-项目实战二:完成九宫格、组件切换、新闻列表、时间过滤器、评论功能
一、上次的反馈二、完成首页九宫格步骤1、查看MUIhttps://dcloud.io/hellomui/examples/grid-default.html2、到组件中使用3、调整样式(按F12查看有没有现成的样式名)1、修改图标2、查看自己图标的信息3、找样式名4、修改5、效果三、完成组件切换动画效果1、分析2、使用transtion元素3、添加动画样式4、效果四、完成新闻列表1、新建新闻列表组件2、页面上换成<router-l原创 2020-05-22 21:37:34 · 4342 阅读 · 0 评论 -
Vue学习8-项目实战一:完成header、tabbar区域、路由组件切换与轮播图功能
一、安装Mint UIMint UI官网# Vue 2.0 npm install mint-ui -S 在main.js中引入 // 引入全部组件 import Vue from 'vue'; import Mint from 'mint-ui'; Vue.use(Mint); // 按需引入部分组件 import { Cell, Checklist } from 'mint-ui'; Vue.component(Cell.name, Cell); Vue.compo原创 2020-05-21 22:55:51 · 2284 阅读 · 0 评论 -
Vue学习7-MinUI组件与项目托管到码云上
一、使用render函数渲染组件render函数的特点:可以在页面指定的容器中渲染一个组件;和传统的渲染组件方式相比,render 更霸道一些,页面上,只能渲染这唯一组件,其它的内容,都会被覆盖掉;二、在webpack中配置.vue组件页面的解析1、运行npm i vue -S将vue安装为运行依赖;2、运行npm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖;3、运行npm i style-loader css-loader原创 2020-05-21 08:49:02 · 439 阅读 · 0 评论 -
Vue学习6-(webpack发布策略)
上一篇 Vue学习5-(webpack)webpack发布策略一、开发阶段配置webpack二、webpack的发布策略1、在实际开发中,一般会有两套项目方案:2、新建webpack.publish.config.js文件package.json3、修改url-loader,将图片放入统一的images文件夹之下:三、每次重新构建时候删除dist目录四、分离第三方包改造webpack.publish.config.js1、改造entry节点如下:2、在plugins节点下新增插件:3、html-we.原创 2020-05-15 22:49:12 · 384 阅读 · 0 评论 -
Vue学习5-(webpack)
一、什么是webpackwebpack 是前端项目的构建工具,将来,我们开发的项目,如果想要提高维护性和可控制性的话,尽量选择 webpack 进行构建;webpack 非常适合与单页面应用程序结合使用;不太适合与多页面的普通网站结合使用;项目中使用 webpack 有什么好处:能够处理静态资源的 依赖关系;能够优化项目代码,比如:压缩合并文件,把图片转为base64编码格式;能够把高级的语法转为低级的语法;webpack 能够转换一些模板文件; .vue根据官网的图片介绍webp原创 2020-05-15 17:17:37 · 394 阅读 · 0 评论 -
Vue学习4-(组件与路由)
一、created()与mouted()方法二、组件(第三种常用)1、创建全局组件第一种方式代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp原创 2020-05-14 18:45:30 · 391 阅读 · 0 评论 -
Vue学习2-(语法)
小结1:一、框架和库的区别框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。 node 中的 express;库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。 从Jquery 切换到 Zepto 从 EJS 切换到 art-template二、Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别MVC 是后端的分层开发概念;MVVM是前原创 2020-05-09 22:57:36 · 343 阅读 · 0 评论 -
Vue问题汇总
一、运行vue项目 npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR!二、‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序...原创 2020-05-07 21:39:22 · 250 阅读 · 0 评论 -
Vue项目的创建
一、命令 vue ui二、配置三、添加插件element ui原创 2020-05-07 21:36:21 · 321 阅读 · 0 评论 -
Vue 学习1
vue cli报错 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.原创 2020-05-07 21:34:17 · 291 阅读 · 1 评论 -
Vue的语法学习
一、Vue的基本语法if-elsefor二、绑定事件三、双向绑定文本框单选框下拉列表四、Vue组件讲解Axios异步通信五、计算属性六、插槽 solt七、自定义事件内容分发...原创 2020-05-07 21:32:52 · 326 阅读 · 0 评论 -
Vue的入门学习
一、Vue介绍MVVM二、安装及入门第一个vue代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--v...原创 2020-04-27 22:12:44 · 325 阅读 · 0 评论