vue.js
孙玉凯
用优雅的方式编写代码
展开
-
Vue 你对diff算法的理解
原创 2020-07-30 15:49:45 · 358 阅读 · 0 评论 -
Vue 中 key的作用
原创 2020-07-30 15:29:45 · 249 阅读 · 0 评论 -
Vue实现“显示更多”功能--仿简书
<template><div><div class="container faqs layui-fluid"><div class="layui-row"><div class="col-xs-16 main"><div class="category-title">热门问题</div>...原创 2019-06-28 08:54:42 · 2480 阅读 · 0 评论 -
Vue-仿简书关注/不关注按钮切换具体代码
<template> <!-- 右边内容 --> <div class="layui-col-md9"> <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> <ul class="layui-tab-...原创 2019-06-28 08:40:43 · 524 阅读 · 0 评论 -
Vue-click事件点击按钮切换内容示例代码
<template> <div @click="enter" id="dian" v-bind:class="{ 'you' : flag, 'you2': !flag}">{{con}}</div> <!-- 定义两个class,当开关打开对应you样式,开关关闭对应you2样式 --></template>&...原创 2019-06-28 08:29:50 · 9509 阅读 · 0 评论 -
Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将D...原创 2019-04-10 21:41:01 · 305 阅读 · 0 评论 -
使用vue-router页面跳转
传统的网页应用单页应用单页应用的优缺点每种技术都有其利弊,单页应用也是如此。无刷新体验,这个应该是最显著的有点,由于路由分发直接在浏览器端完成,页面是不刷新,对用户的响应非常及时,因此提升了用户体验;完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构和组织方式更加规范化,便于修改和调整;API 共享,如果你的服务是多端的(浏原创 2017-12-18 09:07:38 · 39137 阅读 · 2 评论 -
HTML5新特性:范围样式<style scoped>&&在vue组件中style scoped
HTML5的新特性:范围样式,又叫做 。开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素。例子 下面是一个使用了标准样式的简单页面: a div! a span! div { col转载 2017-09-21 09:41:41 · 1425 阅读 · 0 评论 -
Vue知识
1.vue中的MVVM模式即Model-View-ViewModel。Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟着变化。ViewModel是Vue的核心,它是Vue的一个实例。Vue实例时作用域某个HTML元素上的,这个HTML元素可以是body,也可以是某个id所指代的元素。DOM Listener原创 2017-09-26 09:48:23 · 475 阅读 · 0 评论 -
webpack
webpack 特点代码拆分Webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,每一个异步区块都作为一个文件被打包。LoaderWebpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样,任何资源都可以成为 Webpack 可以处理原创 2017-08-31 10:59:39 · 313 阅读 · 0 评论 -
如何运行vue项目
如何运行vue项目通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。 首先,列出来我们需要的东西: node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可原创 2017-08-19 22:03:11 · 657 阅读 · 0 评论 -
git设置HTTP代理
设置HTTP代理如果公司使用代理,Git就需要设置代理才能克隆远程仓库执行下面两条语句git config --global http.proxy 10.184.33.69:80git config --global https.proxy 10.184.33.69:80如果需要用户名和密码git config –global http.proxy http:原创 2016-12-20 10:30:21 · 1782 阅读 · 0 评论 -
vue.js环境配置
1、下载安装git2、安装node.js环境检查node、npm是否安装成功(上两步不是此文重点,上两步大家可以在百度上找到很多详细参考资料)3、配置vue.js环境vue这个新的工具,确实能够提高效率,在经历的一段时间的摧残之后,终于能够有一个系统的认识了,下面就今天的收获做一个总结,也是vue入门的精髓:1.要使用vue来开发前端框架,首先要有环境,原创 2016-12-18 13:47:38 · 1917 阅读 · 0 评论