Vue-cli-10-xiaoming Vue-cli-10-xiaoming

2018-10 -23 一、由于时间过了好久的缘故，Vue的好多知识都已经日渐模糊了，所以，我们先一起来复习一下Vue。 【Vue-cli-10-xiaoming】1.vue的简介；
三大主流框架：vue/angular/react。
2.vue的概念；
3.过滤器；
4.vue的计算属性；
处理复杂的逻辑操作；
5.vue的组件；
扩展html元素，封装可重用代码。
6.vue的组件中传值；
7.生命周期和路由（路由的嵌套，路由的传参）；
8.vue中的ajax（axios）。
二、coding在Git中：
①先输入git init；
②git add .；
③git commit -m "项目"；
④git remote add origin https：//git .coding.net./QAQming/robot.git;
⑤gIt push -u origin master。
QAQ：在没有index链接后+"/文件名.html" QAQ:安装“淘宝镜像”（cnpm）==>这样可以快速的执行其他指令了。 eg:npm install -g cnpm -registry=https://registry.npm.taobao.org
QAQ:在Git中不能用“ctrl+c”或者“ctrl+v”来复制粘贴。且ctrl+c在Git中为结束上一步指令。三、vue-cli脚手架（搭建项目结构）
1.xxx.vue==>单文件组件。

css

3.也就是重中之重了：利用webpack做vue-cli。 ①webpack（对代码进行压缩）
cnpm install webpack -g
②vue-cli
cnpm install vue-cli -g
③搭建一个项目（webpack模板）
vue init webpack webpack-demo
QAQ:webpack-demo为项目名称。 QAQ:且注意安装相关依赖之前其是否在项目文件夹中，若不在，在Git中
cd 项目名，让其进入文件夹。 ④安装相关依赖（安装node_modules文件夹）
cnpm install
⑤开启一个服务
npm run dev
QAQ:在vue-cli中： 1.网站的公共样式放到App.vue中；
2.在router中的index.js中配置路由；
3.在components中创建xxx.vue，写

css

4.在static中创建css，images，······
在static中的css中放的是通用样式，然后链接到index.html
images中放的就是你所需要的图片了，且注意他的路径是相对还是绝对的。

Vue-cli-10-xiaoming

推荐阅读

娃娃鱼多少钱一斤2022 娃娃鱼多少钱一斤2023

荣事达冰柜不制冷的故障处理方案

李忆祖名字打分99分

信息流广告投放技巧只需四招！

紫苏甜姜茶——驱寒养胃预防感冒

福州补缴6年社保6万元滞纳金多少钱福州补缴6年社保6万元滞纳金多少

直击「CMF趋势LAB」从塞尚印象瓷砖原创新品，洞悉设计流行趋势

航天金穗官网下载中心，怎样下载航天金穗电子申报软件

补中益气汤老年人能喝吗

训练方式不容有误能力训练

家庭自制风干牛肉干怎么做如何

杭州杀妻嫌犯亲友女儿2002年在家中被杀,未找到凶手,真相可能是什么？还有哪些值得关注的信息？

黄金百香果加蜂蜜的功效与作用百香果加蜂蜜的功效与作用

暴女名字打分107分

鹅蛋女人吃了补气血吗

如何使用mysql命令行？

外科口罩什么时候戴

普通衣服能起到防晒作用吗

蔡司vr one怎么样

魏无羡为什么黑化