随笔分类 -  vue

1 2 下一页
Vue学习之项目部分代码(十八）
摘要：1、mian.js: 2、router.js 3、.babelrc: 4、package.json: 5、webpack.config.js: 阅读全文
posted @ 2019-07-29 19:34 壹叶知秋 阅读(535) 评论(1) 推荐(0)
Vue学习之webpack中使用vue(十七）
摘要：一、包的查找规则： 1、在项目根目录中找有没有 node_modules 的文件夹； 2、在 node_modules 中根据包名，找对应的vue 文件夹； 3、在vue 文件夹中，找 一个叫做 package.json的包配置文件； 4、在package.json文件中，查找一个main 属性【m 阅读全文
posted @ 2019-07-03 20:34 壹叶知秋 阅读(384) 评论(0) 推荐(0)
Vue学习之Babel配置(十六）
摘要：一、Babel： （官网：https://www.babeljs.cn/docs/） 1、Babel 是一个 JavaScript 编译器； 2、Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本 阅读全文
posted @ 2019-07-03 19:13 壹叶知秋 阅读(11147) 评论(0) 推荐(1)
Vue学习之webpack调用第三方loader(十五）
摘要：恢复内容开始 一、webpack 默认只能打包处理 JS 类型的文件，无法处理 其他的非 JS 类型的文件； 如果非要处理 非 JS 类型的文件，我们需要手动安装一些 合适 第三方 loader 加载器； 二、webpack 处理第三方文件类型的过程： 1、发现这个要处理的文件不是JS文件，然后就去 阅读全文
posted @ 2019-07-03 07:57 壹叶知秋 阅读(489) 评论(0) 推荐(0)
Vue学习之npm常用命令及参数小结（十四）
摘要：NPM几个常用命令和参数的意思： 安装模块如不指定版本号 默认会安装最新的版本 安装指定版本的模块 这个命令会在当前目录生成一个package.json文件，这个文件中会记录一些关于项目的信息，比如：项目的作者，git地址，入口文件、命令设置、项目名称和版本号等等，一般情况下这个文件是必须要有的，方 阅读全文
posted @ 2019-07-02 15:19 壹叶知秋 阅读(2386) 评论(0) 推荐(1)
Vue学习之Webpack基本使用小结（十三）
摘要：一、新建dist 文件夹； 二、新建src文件夹： 在其下面创建 css 、js 、images文件夹及 index.html、main.js(这是项目Js的主入口） 三、html中简单创建一个列表； main.js中设置单双行变色； 四、由于ES6太高级，浏览器解析不了，需要转换为低级的能识别的版 阅读全文
posted @ 2019-07-02 15:00 壹叶知秋 阅读(335) 评论(0) 推荐(0)
Vue学习之Webpack小结（十二）
摘要：一、nrm: nrm是专门用来管理和快速切换私人配置的registry; nrm提供了一些最常用的npm包镜像地址，能够让我们快速的切换安装包时候的服务器地址； 二、镜像： 原来 包 刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样 阅读全文
posted @ 2019-06-30 15:43 壹叶知秋 阅读(273) 评论(0) 推荐(0)
Vue学习之监听methods、watch及computed比较小结（十一）
摘要：一、三者之间的对比： 1、methods方法表示一个具体的操作，主要书写业务逻辑； 2、watch；一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体业务逻辑操作；可以看作是”computed"和“methods”的结合体； 3、computed属性的 阅读全文
posted @ 2019-06-30 15:03 壹叶知秋 阅读(353) 评论(0) 推荐(0)
Vue学习之路由vue-router传参及嵌套小结（十）
摘要：一、路由传递参数： 1、使用query传值： 2、使用params 传参： 地址上需要设置下第二个参数ID 二、嵌套路由children： 阅读全文
posted @ 2019-06-30 11:13 壹叶知秋 阅读(650) 评论(0) 推荐(0)
Vue学习之路由vue-router小结（九）
摘要：一、路由： 1、后端路由： 对于普通网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源； 2、前端路由： 对于单页面应用程序来说，主要通过URL中的hash(#号）来实现不同页面之间的切换，同时，hash之间有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程 阅读全文
posted @ 2019-06-30 09:27 壹叶知秋 阅读(310) 评论(0) 推荐(0)
Vue学习之组件切换及父子组件小结（八）
摘要：一、组件切换： 1、v-if与v-else方式： 2、组件切换之component方式： 3、组件切换之动画效果： 二、父子组件： 1、子组件默认是无法访问父组件的； 2、父组件V-ON传递方法到子组件，子组件需要接收定义到props数组中，才能使用 3、子组件通过事件调用向父组件传值： 三、使用r 阅读全文
posted @ 2019-06-30 08:13 壹叶知秋 阅读(909) 评论(0) 推荐(0)
Vue学习之全局和私有组件小结（七）
摘要：一、组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用相应的组件即可。 二、组件和模块： 1、模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 2、组块化：是从UI界面的角度进 阅读全文
posted @ 2019-06-29 20:25 壹叶知秋 阅读(516) 评论(0) 推荐(0)
Vue学习之动画小结（六）
摘要：一、Vue中实现动画的方式：https://cn.vuejs.org/v2/guide/transitions.html Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 A 阅读全文
posted @ 2019-06-29 18:31 壹叶知秋 阅读(247) 评论(0) 推荐(0)
Vue学习之vue-resource小结（五）
摘要：一、Vue实现数据交互的方式： 1、Vue除了vue-resource之外，还可以使用‘axios’的第三方包实现数据的请求； 2、常见的数据请求类型有： get、post、jsonp 3、JSONP的实现原理： 由于浏览器的安全性限制，不允许AJAX访问，协议不同、域名不同、端口号不同的数据接口， 阅读全文
posted @ 2019-06-29 17:36 壹叶知秋 阅读(266) 评论(0) 推荐(0)
Vue学习之生命周期钩子小结（四）
摘要：一、生命周期钩子（函数）： 1、每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 2、图示： 阅读全文
posted @ 2019-06-29 10:16 壹叶知秋 阅读(289) 评论(0) 推荐(0)
Vue学习之过滤器和自定义指令小结（三）
摘要：过滤器： 过滤是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰。过滤器就是过滤用的工具。渲染数据用的！！！ 我们需要知道的是： 1、Vue中的过滤器不能替代Vue中的methods、computed或者watch。 2、过滤器不改变真正的data，而只 阅读全文
posted @ 2019-06-29 09:00 壹叶知秋 阅读(441) 评论(0) 推荐(0)
Vue学习之品牌案例部分代码小结（二）
摘要：品牌案例的增删查和其他部分效果： 阅读全文
posted @ 2019-06-29 07:47 壹叶知秋 阅读(300) 评论(0) 推荐(0)
Vue学习之基础及部分指令小结（一）
摘要：一、理解MVC和MVVM的关系： MVC：Model View Controller (模型 视图 控制器） 分别为：业务逻辑、界面、用来调度View和Model层 MVVM：Model View ViewModel M：每个页面中单独的数据； V:每个页面中的HTML机构； VM：调度者，V从VM 阅读全文
posted @ 2019-06-28 21:23 壹叶知秋 阅读(315) 评论(0) 推荐(0)
vue学习之路之需要了解的知识汇总
摘要：一、vue是什么？ 相关网页： https://vuejs.bootcss.com/v2/guide/ 及菜鸟教程 https://www.runoob.com/vue2/vue-tutorial.html vue.js是一套构建用户界面的渐进式框架；它只关注图层，采用自底向上增量开发的设计；它的目 阅读全文
posted @ 2019-06-20 11:57 壹叶知秋 阅读(1798) 评论(0) 推荐(0)
Vue部分知识
摘要：一、本尊建议的学习顺序：https://zhuanlan.zhihu.com/p/23134551（侵删） 二、安装： 1、安装 Node.js，可以去Node.js的官网上下载； 2、（非必选）如果想日后方便使用，安装依赖包快一点，切一下淘宝 npm 的镜像，不会的百度：切换淘宝npm镜像 ，就会 阅读全文
posted @ 2019-06-01 07:43 壹叶知秋 阅读(435) 评论(0) 推荐(0)

1 2 下一页