VUEJS技术
关注
分享
扫一扫
前端之家
前端技术层层高，我一直在学习，一直在踩坑中成长，希望我踩过的坑，能给您铺平学习的道路！广交朋友，承接大中小型企业网站、H5专题、APP小程序开发、OA系统、商城等业务，
展开
-
VUE入门--VUE的实例对象
new Vue({el: '#app',data:{message: 'Hello Vue'}})解释：1、new vue是全局的构造函数，里面的内容是构造的参数2、el和data是参数选项原创 2018-02-26 13:18:06 · 562 阅读 · 0 评论 -
五、父组件向子组件传值
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&a原创 2018-05-08 16:28:53 · 196 阅读 · 0 评论 -
四、v-for列表渲染
1，使用的V-for指令HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> &am原创 2018-05-08 15:41:43 · 414 阅读 · 0 评论 -
三、文本及数据渲染
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&a原创 2018-05-08 14:22:42 · 523 阅读 · 0 评论 -
二、VUE基本概述
一、VUE概念1、全局API（vue本身提供的全局API）2、实例选项（创建实例化的实例选项）3、实例属性/方法（创建之后的属性和方法已$开头）4、指令（V开头，实现了实例属性和方法与页面之间的交互）5、内置组件二、VUE实例选项var root = new Vue({ el: '#app', //选项 template:'<my-header></my-header&g...原创 2018-05-08 10:21:25 · 550 阅读 · 0 评论 -
一、数据渲染及组件树
一、数据渲染<template> //VUE文件 <div id="app"> <img src="./assets/logo.png"> <router-view/> </div></template>new Vue({ //JS文件 el:原创 2018-05-07 17:05:19 · 464 阅读 · 0 评论 -
VUEjs入门
一、什么事VUEJS VUEJS是轻量级的前端界面框架二、VUEJS的功能三、VUEjs能干什么 1、数据渲染/数据同步 2，实现项目的组件化/模块化 3、其他功能：路由、Ajax、数据流管理...原创 2018-05-07 14:07:40 · 253 阅读 · 0 评论 -
八、VUE标签属性与条件渲染
1，v-bind绑定标签的属性（v-bind可以缩写为：号） VUE<template> <div> <a :herf="link" v-bind:title="title">测试v-bind</a> <em class="styleSting" :class="className&quo原创 2018-05-09 16:01:49 · 2105 阅读 · 0 评论 -
七、v-for列表数据双向绑定更新
1、v-on:click="addItem"在methode选项里进行方法设置HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,in原创 2018-05-09 11:50:24 · 4251 阅读 · 0 评论 -
六、子组件向父组件传递数据
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&a原创 2018-05-08 17:24:45 · 155 阅读 · 0 评论