vue.js
文章平均质量分 67
bruobuqi
每一个不曾起舞的日子,都是对生命的辜负
展开
-
Vue之数据绑定
link rel="stylesheet" type="text/css" href="css/style.css">script type="text/javascript" src="js/vue.js">script>script type="text/javascript" src="js/script.js">script>head>body>div> 请选择展示形式:原创 2018-01-11 14:06:35 · 222 阅读 · 0 评论 -
Vue.js的实 例
Vue.js的实 例:1.构造器2.属性与方法3.实例生命周期1.构造器每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的根实例:var app = new Vue({// 选项})1.1 一个Vue实例其实正是一个MVVM模式中所描述的ViewModel1.2 在实例化 Vue 时,需要传入一个选项对象,它可以原创 2018-01-11 14:46:10 · 354 阅读 · 0 评论 -
Vue数据绑定
模板的说明Vue.js 的模板是基于 DOM 实现的。所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板。Vue.js数据绑定:i 插入值ii .绑定表达式iii 指令iv .缩写i 插入值a.文本 a.1 数据绑定最基础的形式是文本插值,使用 “Mu原创 2018-01-11 15:27:23 · 483 阅读 · 0 评论 -
Vue计算属性
计算属性:在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。如果需要多于一个表达式的逻辑,应当使用计算属性。1.基础例子 a = {{ a }}, b = {{ b }} js: var vm = new Vue({ el: '#demo', data: { a: 1 }, computed: { b: function () { r原创 2018-01-12 16:54:04 · 643 阅读 · 0 评论 -
5 .vue.js 组件
首先抱歉,前段时间整理的东西没有写数字和索引,导致自己都看了烦,so,下面的日子我会写索引。1. 先写个template (你组件所需要的) xxxx 这是默认的情况 welcome vue 2.给个div 1111 2222 {{a}}//这里我是测试组件 里面能不用我的vue数据 3.这里是原创 2018-01-24 15:08:37 · 211 阅读 · 0 评论 -
6 vue动态组件
1.html代码 //选择哪个组件 2.js代码 var vm=new Vue({ el:'#box', data:{ a:'aaa'//默认组件 }, components:{//组件 'aaa':{ template:'我是aaa组件' }, 'bbb':{ template:'我是bbb原创 2018-01-24 15:45:54 · 221 阅读 · 0 评论 -
Vue学习指南入门篇
介绍Vue.js 是什么Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。尝试 Vue.js 最简单的方法是创建一个 .html 文件原创 2018-01-08 16:09:25 · 1554 阅读 · 0 评论