![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习记录
瓶仔之旅
这个作者很懒,什么都没留下…
展开
-
Vue.js搭配环境过程中遇到的坑
1.系统变量配置 作用:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径 在百度中搜索vue环境搭配,在搭配过程中,在系统变量这一个问题上卡了很久,总是得不到解决,要么是出现 “ vue不是内部或外部命令 ” 就是 “ node不是内部或是外部命令 ”。 出现问题的根本原因是:设置系统环境变量路径错误! 网上很多博主的指导都是将系统变量“pa...原创 2018-07-12 13:59:54 · 325 阅读 · 0 评论 -
Vue模板项目
1.通过cmd安装vue模板过程cd 目录(你要把项目放在哪个目录);vue init webpack pname(你的项目名字);? Project description (A Vue.js project) vue-cli新建项目(项目描述);? Author (xhdx <zhuming3834@sina.com>) ;zhuming3834@sina.com(项目作者);? ...原创 2018-07-12 14:01:42 · 1892 阅读 · 0 评论 -
Vue-入门到实战(一)
Vue.js - Day1Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM (ViewModel)为什么有了MVC还要有MVVMVue.js 基本代码 和 MVVM 之间的对应关系Vue之 ...原创 2018-12-27 15:30:48 · 296 阅读 · 0 评论 -
Vue-入门到实战(二)
Vue.js - Day2vue实例的生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 m...原创 2018-12-27 15:31:49 · 159 阅读 · 0 评论 -
Vue-入门到实战(三)
Vue.js - Day3定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;全...原创 2019-01-30 09:29:32 · 173 阅读 · 0 评论 -
Vue-入门到实战(四)
Vue.js - Day4父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据<script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, ...原创 2019-01-30 09:30:11 · 179 阅读 · 0 评论 -
Vue-入门到实战(Wepack配置)
Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源?JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf ...原创 2019-01-30 09:31:08 · 278 阅读 · 0 评论 -
Vue-入门到实战(六)
Vue.js - day6注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件<div id="app"> <p>444444</p> </div> <script> var login = { ...原创 2019-01-30 09:32:32 · 267 阅读 · 0 评论