![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
薛洋不吃糖
扣扣2837448465,微信同号,欢迎同道讨论交友
展开
-
vue 轮播图
<template> <div class="lunbobox"> <div class="lunbo"> <!-- 四张轮播图 宽960高375--> <transition-group tag="ul" name="image"> &a原创 2019-01-05 17:26:38 · 360 阅读 · 0 评论 -
Vue---指令篇~~
v-bind绑定属性之类的,不介绍了,v-once 指令在第一次 DOM 渲染完成后,数据将被视为静态内容,当数据改变时,插值处的内容不会更新。数据在传递过程中,受到不同场景的影响可能会发生改变,采用 v-once 指令可以避免此类情况的发生。无论页面如何,这个值都不会改变<div id="app"><p v-once> 第一次绑定的值:{{message}}&...原创 2019-04-01 19:41:59 · 114 阅读 · 0 评论 -
vue引入elenmet
引入scsscnpm install node-sass --save-dev原创 2019-03-13 13:34:31 · 356 阅读 · 0 评论 -
vue项目怎么开始
创建一个文件夹专门装组件src\components\common 创建一个src\components\home.vue用来放头部和底部, 创建一个头部组件原创 2019-03-12 20:03:23 · 420 阅读 · 0 评论 -
vue基础
什么是vue?是当前最受推崇的三大前端框架之一,采用MVVM设计模式进行开发。M:model,数据层,也叫模型层V:view,视图层,也叫页面层VM:viewmodel,数据状态层M层通常情况下是后台程序,用来提供数据。V层通常情况下就是前端程序,用来展示页面的效果,也就是HTML程序。VM就是连接M层是V层的桥梁,也就是项目用到的JS文件,用来向M层获取数据,同时将数据进行保存。...原创 2019-03-12 18:51:12 · 109 阅读 · 0 评论 -
vue----class样式技巧
对于多个class 属性值,可以采用如下绑定方式。<div v-bind:class=”[classA, { classB: isB, classC: isC }]”>原创 2019-03-16 10:48:16 · 254 阅读 · 0 评论 -
vue三级路由跳转
效果图代码原创 2019-03-14 19:29:57 · 6649 阅读 · 0 评论 -
v-model
v-model有什么用,v-model 的效果是使input的value和 data.body 建立双向绑定,因此首先 data.body 的值会给input的value属性,其次,当input中输入的值发生变化的时候,data.body 还会跟着改变。把表单的值绑定到变量里面,输入什么 变量就变成什么,然后需要用到这个表单的值的时候直接获取这个变量就好了,例如:登录的时候 吧用户名和密码...原创 2019-01-16 17:32:01 · 133 阅读 · 0 评论 -
如何创建vue项目,及基础了解
第一步,安装node, 第二部,检查npm的版本 npm -v 第三部,下载淘宝镜像(随便下载在哪里) npm install -g cnpm --registry=http://registry.npm.taobao.org 第四部,安装脚手架工具, cnpm install -g vue-cli 第五步,创建一个空的文件夹,键盘按住shift键,然后...原创 2019-01-21 15:11:02 · 179 阅读 · 1 评论 -
小程序组件化开发
经过三天的不懈努力,学会了一种新的小程序组件方法,类似于vue的组件化开发,学会了之后vue和小程序的组件化开发就都学会啦,这个不同于小程序的tem…组件化开发,那个组件化开发不能写js用起来感觉是没有这个方法方便的废话不说,直接上图,首先创建一个跟page同级的文件夹,里面放置组件,这里叫做子组件,这里的名字是自定义的,orderlist对应父组件里面的属性名,一个属性名传一个值,然后在子...原创 2019-07-04 11:46:46 · 1319 阅读 · 0 评论