vue.js
文章平均质量分 66
zero________________
Say less and do more
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue2.0 新手入门 — 从环境搭建到发布
什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值组件化页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来Vue2.0 推荐开发环境Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3.10.3、webpack 1.13.2...转载 2018-07-10 20:42:23 · 406 阅读 · 0 评论 -
vue基础知识总结(一)
MVVMM数据模型 V视图模型 VM同步Model和View的对象插值表达式 {{}}可以写简单的表达式,方法,以及三元表达式v- 指令1. v-text 2. v-html 3. v-bind:(绑定属性简写’:’) - 绑定属性可以拼接参数 :href=“‘del.php?id=’+id” - 绑定类名 :class=”{‘类名’:布尔值(或定义一个变量)...原创 2018-07-23 18:07:29 · 380 阅读 · 0 评论 -
vue基础知识总结(二)
ref属性表示对dom的引用,==值==可以随便取,但不能重复通过 this.$refs.值 来获取ref=”inputRefId”(设置) this.$refs.inputRefId(获取)全局自定义指令Vue.directive()两个参数,1 指令名字(如果名字有大写字母,使用时需要用-分割),2 对象(表示自定义配置项)使用时需要以 v-开头加上指令名字配置项中...原创 2018-07-27 11:06:27 · 307 阅读 · 0 评论 -
vue基础知识总结(三)组件
组件组件开发的好处 封装功能代码,提升开发效率 便于团队分工合作组件的创建方式(三种) 注意:1.模板template中只能有一个根节点。2.组件名字如果采用驼峰命名,需要加上连字符‘-’,比如组件名为indexA 标签名为 index-a1.使用Vue.extend()和Vue.component()两个方法创建全局组件Vue.extend...原创 2018-07-27 11:10:38 · 275 阅读 · 0 评论 -
构建一个基于Vue完整的商城后台管理系统(附带完整代码及项目初始化)
项目简介:该后台管理系统是基于Vue2.0来实现的。其中包含了登录,用户管理,商品管理,管理员权限管理,数据统计,订单管理,物流管理,代金券系统,支付方式配置页面风格管理等模块。前端技术vuevue-cli 脚手架工具进行项目整体架构的搭建webpack 将项目进行打包vue.router 路由的分发axios 与后端进行数据交互Element-UI 实现页面结构scss...原创 2018-11-24 11:04:41 · 29985 阅读 · 30 评论 -
Vue生命周期钩子,路由。
Vue生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。beforeCreate 这是遇到的第一个生命周期函数 beforeCreate(){ // 表示实例被完全创造出来之前,会执行他 // console...原创 2019-04-02 16:54:40 · 531 阅读 · 0 评论 -
vue-cli,登录状态储存token,vuex
vue-cli脚手架工具vue-cli是官方的一个脚手架工具,利用vue-cli我们可以生成一个基本的项目结构架子,所以呢它就被称为vue脚手架工具。安装vue-cli npm install vue-cli -g运行vue init webpack admin(admin为项目名字)登录状态保存HTTP请求是无状态的cookie保存在客户端数据量小安全性较低sessi...原创 2019-04-03 10:49:38 · 2501 阅读 · 3 评论
分享